Upgrade to Pro — share decks privately, control downloads, hide ads and more …

3D Voxel Worlds with voxel.js

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for vladikoff vladikoff
September 10, 2013
Technology
2.1k
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
88
SmashingConf 2020
Avatar for vladikoff vladikoff
0
39
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
31
3D + the Web Platform
Avatar for vladikoff vladikoff
0
430
7 years of three.js
Avatar for vladikoff vladikoff
0
160
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
470
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
840
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
500
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.8k

Other Decks in Technology

See All in Technology
MCPで決済に楽にする
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
0
170
スクラムを支える内部品質の話
Avatar for IIJ_PR iij_pr
0
180
GitHub Advanced Security × Defender for Cloudで開発とSecOpsのサイロを超える: コードとクラウドをつなぐ、開発プラットフォームのセキュリティ
Avatar for yuriemori yuriemori
1
120
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
370
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
Avatar for Katz Ueno katzueno
2
280
Babylon.js Japan Activities (2026/4)
Avatar for Limes2018 limes2018
0
150
AIエージェント時代に必要な オペレーションマネージャーのロールとは
Avatar for KentaroFujii kentarofujii
0
290
Databricks Lakebaseを用いたAIエージェント連携
Avatar for Daiki Akimoto NTTD daiki_akimoto_nttd
0
120
AWSで2番目にリリースされたサービスについてお話しします(諸説あります)
Avatar for Yuuki Yamashita yama3133
0
110
20260326_AIDD事例紹介_ULSC.pdf
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
0
400
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
不確実性と戦いながら見積もりを作成するプロセス/mitsumori-process
Avatar for hiro@miraito hirodragon112
1
180

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
92
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
790
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
280
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
320
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
210
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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