Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

3D Voxel Worlds with voxel.js

Avatar for vladikoff vladikoff
September 10, 2013
Technology
2.2k
1

3D Voxel Worlds with voxel.js

Avatar for vladikoff

vladikoff

September 10, 2013

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
Avatar for vladikoff vladikoff
0
110
SmashingConf 2020
Avatar for vladikoff vladikoff
0
50
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
46
3D + the Web Platform
Avatar for vladikoff vladikoff
0
480
7 years of three.js
Avatar for vladikoff vladikoff
0
170
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
500
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
870
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
530
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.8k

Other Decks in Technology

See All in Technology
DevelopersIO2026 -バックアップは“消されないこと”が9割-
Avatar for Tatsuya Yoshida yoshida0129
0
300
フィンテック養成勉強会#68
Avatar for フィンテック養成コミュニティ finengine
0
210
~最速でビジネスインパクトを創出する~ Sansanのデータ基盤と活用事例
Avatar for SansanTech sansantech
PRO
0
120
AI駆動で「他アプリの音を加工できる」アプリを作った
Avatar for Masahiro satomasahiro2005
0
190
Codex を使った障害対応机上演習の実際
Avatar for Kuniwak orgachem
PRO
0
270
AWS DevOps Agentはどこまで任せられるか 〜機能の現在地と、機能拡張の実践〜
Avatar for nyankotaro nyankotaro
0
120
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
5
1.5k
オントロジーって 結局なにもの？ AI エージェントに「意味」を渡す知識設計の話
Avatar for TomoyukiMurakami greenmidori
0
260
Metadata - Section 2: Simple Metadata & Meta Tags
Avatar for mohab soliman mohab1
0
120
Steerable Visual Representations
Avatar for SansanTech sansantech
PRO
0
170
React改造してみた
Avatar for Mooncake Sugar tsukina_7mochi
0
150
Rustuna: Rustによる高速なOptuna実装
Avatar for Preferred Networks pfn
PRO
0
210

Featured

See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
550
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
410
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
790
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
640
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
960
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
900
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
540

Transcript

  1. 3D Worlds with voxel.js Vlad Filippov

  2. @vladikoff

  3. Rendering voxel worlds in web browsers

  4. github.com/voxel

  5. voxel?

  6. voxels!

  7. None

  8. Explore 3D worlds! - blockplot.com

  9. Explore GitHub in 3D - achiveroom.net

  10. voxelbuilder.com

  11. voxel.js plugins & components

  12. More examples at voxeljs.com

  13. Getting Started - creator.voxeljs.com

  14. Getting Started - Your Game! ⬢ git clone http://github.com/maxogden/voxel-hello-world ⬢

    cd voxel-hello-world ⬢ npm install ⬢ npm start ⬢ open your browser on http://localhost:8080

  15. Hello Voxel World!

  16. voxel-hello-world

  17. package.json

  18. beefy test.js:bundle.js browserify test.js > bundle.js

  19. None
  20. None

  21. voxel events

  22. voxel with three.js

  23. voxel.js & jQuery

  24. Into the real world!

  25. Into virtual reality with voxel-oculus Ship Model by @bigfootbro at

    http://www.planetminecraft.com/project/the-ray--a-minecraft-cruise-ship-finished-at-sea/

  26. Thank You! voxeljs.com