Phoria.js
JavaScript library for simple 3D graphics and visualisation on a HTML5 canvas 2D renderer. It does not use WebGL. Works on all HTML5 browsers, including desktop, iOS and Android.
Install / Use
/learn @kevinroast/Phoria.jsREADME
phoria.js
JavaScript library for simple 3D graphics on a canvas 2D renderer. It does not use WebGL.
Works on any device that can display HTML5 Canvas - so all modern browsers and including iOS and Android.
It uses the excellent vector and matrix maths library http://glmatrix.net
Exciting live demo pages:
http://www.kevs3d.co.uk/dev/phoria/
http://www.kevs3d.co.uk/dev/phoria/test0.html - test 0 - basic cube on grid
http://www.kevs3d.co.uk/dev/phoria/test0t.html - test 0t - textured cube
http://www.kevs3d.co.uk/dev/phoria/test0uv.html - test 0uv - UV coordinates texturing
http://www.kevs3d.co.uk/dev/phoria/test0k.html - test 0k - WASD and arrow keys move around scene
http://www.kevs3d.co.uk/dev/phoria/test0r.html - test 0r - incremental rotation - mouse control
http://www.kevs3d.co.uk/dev/phoria/test0q.html - test 0q - World and Local axis rotation using quaternions
http://www.kevs3d.co.uk/dev/phoria/test0p.html - test 0p - object selection 'picking'
http://www.kevs3d.co.uk/dev/phoria/test1.html - test 1 - animated point lights around a cube
http://www.kevs3d.co.uk/dev/phoria/test1d.html - test 1d - live debug information in a scene
http://www.kevs3d.co.uk/dev/phoria/test1t.html - test 1t - transparent polygons, plain and textured
http://www.kevs3d.co.uk/dev/phoria/test2i.html - test 2 - example WaveFront .obj file importer
http://www.kevs3d.co.uk/dev/phoria/test3.html - test 3 - sphere with point lighting
http://www.kevs3d.co.uk/dev/phoria/test3s.html - test 3s - software rendered triangles
http://www.kevs3d.co.uk/dev/phoria/test3p.html - test 3p - lightsourced point sphere
http://www.kevs3d.co.uk/dev/phoria/test4g.html - test 4g - particle emitter with gravity
http://www.kevs3d.co.uk/dev/phoria/test4p.html - test 4p - particles as point lights
http://www.kevs3d.co.uk/dev/phoria/test4t.html - test 4t - sprite particles flame effect
http://www.kevs3d.co.uk/dev/phoria/test5.html - test 5 - dynamic texturing - paint gun
http://www.kevs3d.co.uk/dev/phoria/test6.html - test 6 - data visualisation - graph
http://www.kevs3d.co.uk/dev/phoria/test7.html - test 7 - scene triggers - a sequence of actions
http://www.kevs3d.co.uk/dev/phoria/test8.html - test 8 - scene triggers, particle field, spaceships
http://www.kevs3d.co.uk/dev/phoria/test9.html - test 9 - fireworks demo - scene triggers, particles
Related Skills
node-connect
329.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
81.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
329.7kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
81.2kCommit, push, and open a PR
