HTML5 Canvas, User Illusions, and Game Flow
نویسنده
چکیده
HTML5 is significant for game pedagogy for many reasons, but the most significant is Canvas, a 2d graphics API that supports apps from word processors to space adventures. Canvas enables interactive dynamic bitmapping, drawing, animation, and simulations such as 3d-scrolling backgrounds with parallax. Alan Kay’s concept user illusion names the “simplified myth” we employ when we use icons, scroll bars, folders and trash cans to use a computer. In Alan Kay’s terms, Canvas creates the user illusion of fully computable animation on many different devices. That is, Canvas enables unlimited development of user illusions. Mihaly Csikszentmihalyi’s venerable concept of “flow” gets new life if we view it through the lens of user illusions articulated in Canvas. Flow ensues when the emotions are not just contained and channeled, but fully aligned with the cognitive faculties to engage a user illusion in a compelling task. Games, in fact, are best understood as immersive user illusions designed to induce flow. As a result, more than any other recent technology, HTML5 Canvas makes immersion in game flow—and the user illusion that most enables learning--fully computable on any device that can display web pages, anywhere.
منابع مشابه
Multiplayer Game Design: Performance Enhancement with Employment of Novel Technology
Online multiplayer educational game is designed to support collaboration and assess different cognitive and social abilities among students. The educational games are developed to capture student responses or actions, both shared and unshared, within the game environment and extrinsic resources. This paper describes the implementation of new technology with better performance over existing HTML...
متن کاملA Novel Approach for Canvas Accessibility Problem in HTML5
Canvas is a pixel-based inherently inaccessible element in HTML5.Therefore web users with vision disabilities cannot benefit from Canvas and its desired semantics and functionality. Regarding to the Canvas application in designing interactive graphical user interface, vision-impaired users may miss important information on web sites. This paper utilizes the content-based image retrieval (CBIR) ...
متن کاملPixel Perfect: Fingerprinting Canvas in HTML5
Tying the browser more closely to operating system functionality and system hardware means that websites have more access to these resources, and that browser behavior varies depending on the behavior of these resources. We propose a new system fingerprint, inspired by the observation above: render text and WebGL scenes to a element, then examine the pixels produced. The new fingerprin...
متن کاملNative browser support for 3D rendering and physics using WebGL, HTML5 and Javascript
In the last few years, JavaScript libraries have been developed to enable developers to create and manipulate 3D objects in the browser. These JavaScript libraries incorporate physics and 3D processing algorithms, HTML 5 elements and technologies (such as canvas and background workers), and the Web Graphics Library (WebGL). This paper provides an insight into these technologies, and describes t...
متن کاملA Graphical Citation Browser for the ACL Anthology
Navigation in large scholarly paper collections is tedious and not well supported in most scientific digital libraries. We describe a novel browser-based graphical tool implemented using HTML5 Canvas. It displays citation information extracted from the paper text to support useful navigation. The tool is implemented using a client/server architecture. A citation graph of the digital library is ...
متن کامل