サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
夏の料理
www.nihilogic.dk
You need a browser with WebGL support to use this application. Click here to get one.
Jump up in the ?-boxes, collect the coins Stomp all the (harmless) goombas Exit out the the other pipe Note: The goombas are not dangerous. You cannot die. In this game, the only winner is YOU! Visit the Games sections for more JavaScript games For most fun, use with IE7 (or Firefox 3). Left/right arrow to control Mario, up arrow or "a" to jump, down arrow to enter pipe. Created with 20 "effecti
This is a test of the ImageInfo library posted here. Click the buttons below to load image files and display their meta data. Check the blog post for more information, code samples and to leave comments.
Pocket Full of HTML5 Experiments with HTML5 <canvas> and <audio> This is meant to run with an experimental build of Firefox. Links here (at the bottom): https://wiki.mozilla.org/Audio_Data_API Click the visualization area to toggle "fullscreen" mode. Your browser does not support the experimental HTML5 Audio Data API, falling back to SoundManager2 (Flash) audio. Start Stop
Note: It is implied that all functions and symbolic names are methods and properties on a WebGL context object Buffers Object createBuffer void Create a buffer object void deleteBuffer Object buffer Delete a buffer object. void bindBuffer ulong target, Object buffer Bind a buffer object. Accepted values for target are: ARRAY_BUFFER ELEMENT_ARRAY_BUFFER void bufferData ulong target, Object dta, ulo
Formula: Seed: Compositing: Stretch: Quality: Generate attractor Leave "Seed" blank to automatically find a new attractor. Enter previously found seeds to recreate that particular attractor. Use the "Compositing" option to add a glow to the image. The "Stretch" option stretches the image to fill both the x and y axes. Click the image after rendering to bring up these controls. Tip: Use th
A JavaScript/Canvas experiment by Jacob Seidelin Click here to read words about JuicyDrop Music by Jonathan Coulton, licensed CC by-nc
If "Fixed width" is checked, the canvas width is stretched to the value of the "Width" field. If not, each swap will use "Swap width" pixels. For more details check this blog post.
http://blog.nihilogic.dk/ Canvas element Attributes Name Type width ulong height ulong Methods Return Name string toDataURL( [Optional] string type, [Variadic] any args) Object getContext( string contextId) 2D Context Attributes Name Type canvas HTMLCanvasObject [readonly] Methods Return Name void save( ) void restore( ) Transformation Methods Return Name void scale( float x, float y) void rotate
Jump up in the ?-boxes, collect the coins Stomp all the (harmless) goombas Exit out the the other pipe Note: The goombas are not dangerous. You cannot die. In this game, the only winner is YOU! For most fun, use with IE7 (or Firefox 3). Use left/right arrow to control Mario, press up arrow or "a" to jump, press down arrow to enter pipe. Submitted for the 20 Lines JavaScript contest at the
This is a test of the MojoMagnify Javascript Image Magnifier script posted here. Move the mouse over the images to see it in action. The first image uses a larger version to get a magnification effect, the second image uses a b/w and a color version of the same image (the same size) to get another effect. The image is also automatically made to link to the high res version (if the image is not a
Render lights Lighting Backface culling Z-sorting Filled faces Wireframe Texture Texture shading Select a model from the list. Click and drag mouse to rotate. Use +/- to zoom in and out. This application loads arbitrary 3D models and renders them using "2d" context on the <canvas> element. It was made to test the possibility of displaying (very) simple 3D models using just javas
This is another small demo, testing the capabilities of the Javascript/Canvas 3D renderer. This time we're doing a bit of special effects in Javascript. The excanvas support for Internet Explorer is currently broken in the 3D renderer, so only Firefox, Safari and Opera users get to experience cool Javascript smoke and fire in the browser for now. Click and drag mouse to rotate, use "w"/"s" to zoom
This is a test of the GPS part of the Javascript EXIF library previously posted here. Below you should see a small gallery and an empty Google map. Click one of the images to show a larger version. GPS coordinates embedded in the image are read via JavaScript before they are fed to the Google map, which should center on the position where the image was taken. The binary file access happens in
Click the effect names in the table to apply effects to the sample image. Original image: Processed image: Effect Compatibility This library tries to enable different client side image effects. IE has long had its filters, which have provided a few basic effects for IE. With canvas, some of these effects can also be achieved in Firefox and Opera. Safari lacks the getImageData/putImageDa
Sorting Visualizations Canvas visualizations of sorting algorithms. Dancing Scrollbars Scrollbars that dance dance dance to the music! JuicyDrop A partial JavaScript/Canvas port of the WinAmp Milkdrop music visualization plugin. Idioteque JavaScript/Canvas music visualization of Radiohead's Idioteque Canvas Cheat Sheet A cheat sheet for the HTML5 canvas element Evolving Images Experiments with evo
This is a work-in-progress 3D Javascript chess game, rendered using the canvas element and this Javascript 3D renderer. Special chess moves are not implemented yet and the interface needs a bit of work. Click and drag the mouse to rotate the board. Either move pieces by clicking on them (valid target squares will be shown in green) or use numpad 2,4,6,8 to move the selector square and 5 to se
Below is a list of the experiments related to JavaScript game development here at Nihilogic.dk. Head over to the blog for the most recent updates and developments. Be warned that most of these games are highly experimental and should not be seen as complete games but rather as technical demos and proof-of-concept experiments. Due to the nature of these demos, some of them only work in certain brow
Javascript Mario (large, with music) Comments: go here. For more JavaScript game experiments, click here.
For comments and more info, go here for the blog post discussing this game. For more JavaScript game experiments, click here. Use mouse to select driver and map. Use arrow keys to drive. Quality: Screen size: Render mode: Music: Please note that the settings only take effect when the race is on. Click somewhere on the page if the game doesn't respond after changing something.
This is a test of the Javascript EXIF library posted here. Click the images to see it in action. The first image tests reading single tags, while the other two simply show all available data. The binary file access happens in binaryajax.js and the EXIF data reading happens in exif.js. Also check out the jQuery plugin, if you're into that sort of thing!
/* * Javascript EXIF Reader 0.1.2 * Copyright (c) 2008 Jacob Seidelin, cupboy@gmail.com, http://blog.nihilogic.dk/ * MIT License [http://www.opensource.org/licenses/mit-license.php] */ var EXIF = {}; (function() { var bDebug = false; EXIF.Tags = { // version tags 0x9000 : "ExifVersion", // EXIF version 0xA000 : "FlashpixVersion", // Flashpix format version // colorspace tags 0xA001 :
JavaScript Image ASCIIfier Utilizing magic and the <canvas> element to turn internet images into sexy ASCII art Download : jsascii.js Example usage: <html> <head> <script type="text/javascript" src="jsascii.js"></script> </head> <body> <img src="example/microbe.png" asciify="true" asciiresolution="medium" asciiscale="2" /> </body> </html> Original image: ASCII image: jsAscii grabs the image from
/* * The Javascript Mario Experiment v0.1 * Copyright (c) 2008 Jacob Seidelin, cupboy@gmail.com * MIT License [http://www.opensource.org/licenses/mit-license.php] */ var Mario = function(bMusic, iScale) { // our own variables can be compressed, builtin functions can't var toInt = parseInt, setTimer = setTimeout, getElement = function(id){return document.getElementById(id);}, appChild = f
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
Javascript Mario (small, no music) Comments: go here. For more JavaScript game experiments, click here.
次のページ
このページを最初にブックマークしてみませんか？
『www.nihilogic.dk』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
