SCRIPT-8

100%

✓ Published0🌍 Public

Last edited Jan 26, 2019

Created on Jan 26, 2019

This example shows a minimal SCRIPT-8 cassette program that renders the text "Hello world!" on a virtual pixel display. The entire visualization is defined in a single `code.js` file using the SCRIPT-8 runtime, where a `draw` function calls the built-in `print` method to place text at coordinates (42, 60). The accompanying metadata files—`chains.json`, `map.json`, `phrases.json`, `songs.json`, and `sprites.json`—are all empty, indicating no additional assets or logic. The rendering approach relies entirely on SCRIPT-8’s canvas-based API, with no external libraries like d3 or Three.js involved.

AI-generated description

This is a SCRIPT-8 cassette.

Similar vizzes

Loading thumbnail…

SCRIPT-8

This example uses SCRIPT-8, a JavaScript fantasy console for creating retro-style games and visualizations. It renders a colorful, animated scene directly to the canvas using the console’s built-in graphics API. The visualization draws sprites and map data from JSON files, with procedural animation driven by the `requestAnimationFrame` loop. SCRIPT-8’s `pixel` and `sprite` functions handle the drawing, while its input and sound APIs are loaded but unused, focusing purely on visual output. The cassette’s empty chains, songs, and phrases files confirm a minimal, self-contained demonstration of the platform’s rendering capabilities.

FFrozenfire92

84% match

Loading thumbnail…

SCRIPT-8

SCRIPT-8 is a canvas-based game cassette that runs a simple interactive program written with the SCRIPT-8 engine. It renders a small scene using the engine’s built-in drawing commands and updates it each frame through its game loop. The code uses SCRIPT-8’s `tick` callback to handle input and time, and employs its `sprite` and `map` APIs to place graphics on the screen. The visible result shows a basic character or object moving in response to keyboard controls, with the entire experience contained in a single `code.js` file. No external libraries are used beyond the SCRIPT-8 runtime.

FFrozenfire92

82% match

Loading thumbnail…

Script Test

This example shows a minimal HTML page that displays the text “Hello HTML!” in large, centered type, demonstrating how to combine CSS for styling with JavaScript for scripting. The page loads two external JavaScript files, `test.js` and `test_with_underscores.js`, each of which logs its filename to the console, illustrating script execution order and file naming conventions. The code relies on standard browser APIs—the Document Object Model (DOM) for the message element and the console for output—with no external libraries. The rendering approach is static, using plain HTML and CSS, and the data source is the literal text embedded in the markup.

CCurran Kelleher

67% match

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays a large, static “Hello World!” message centered on a blank canvas, with its font size set to 119 pixels. The visualization relies on raw HTML and CSS within a JavaScript container, using no external libraries or data sources. It demonstrates a minimal approach to rendering text, serving as a starting point for more complex projects. The code is intentionally simple, showing how a basic element can be placed and styled directly.

AAustin Tanksley

66% match

Loading thumbnail…

Test

This example displays the text “Hello! JavaScript” on a blank page, with the message centered and styled at a font size of 13em. It uses plain HTML, CSS, and JavaScript, with `document.write` inside a script tag to inject the string directly into the document body. The visualization demonstrates the most minimal setup for rendering text in a browser, and it’s intended to be viewed with Chrome developer tools open. No data source or external libraries are involved, and the code serves only to show a static string.

PPradipta Roy

65% match

Loading thumbnail…

D3 Test

This example displays a simple SVG canvas with a single text message reading “Edit the code below to change me!” positioned near the top-left of a 960-by-500 pixel frame. The code uses d3.select to append an SVG element to the body, then chains an svg.append operation to create the text node. Styling is applied directly via .style attributes for font size and family. The script relies on D3 v4, loaded from the d3js.org CDN, and serves as a minimal starting point for interactive visualization development.

IIzaskunLS

64% match

Loading thumbnail…

Javascript Basics

This example shows a blank SVG canvas with JavaScript code commented out in the HTML file, demonstrating basic programming concepts such as variables, objects, loops, and arrow functions. The code includes examples of console logging, arithmetic operations, object creation, and function definitions, though all are disabled. It uses an inline `<script>` tag and an SVG element with 960 by 500 pixel dimensions, rendered as static SVG markup. The visualization appears as an empty plot, with the JavaScript fundamentals acting as the primary subject rather than any graphical output.

Ddexuzi

63% match

Loading thumbnail…

First Script

This example displays a static "Hello World!" heading alongside a single circle rendered in SVG. The code uses plain HTML, CSS, and JavaScript without external libraries, with the message styled via a CSS class and the circle positioned using fixed `cx`, `cy`, and `r` attributes. It demonstrates the fundamental structure of an SVG-based visualization inside a React framework context, though no React components or data bindings are present. The visualization serves as a minimal starting point for building interactive graphics.

MMohamed Sobhy

63% match