Share your repls and programming experiences

← Back to all posts
Voxel Painter 2: Minecraft-style building on the web
GingerIndustries

VERSION 1.2.0: Voxel Gallery! Share your models with the world! Just use the Post to Gallery button or go to https://voxel-gallery.gingerindustries.repl.co (ALL EXAMPLE FILES ARE NOW HERE)

VERSION 1.1.0: Augmented Reality! Use the View in AR button or go to https://VoxelAr.gingerindustries.repl.co

Voxel Painter 2 is a souped-up version of the three.js demo that includes such wonderful features as a rectangle tool, saving and loading, colored blocks and exporting to glb.
Features:
Web-based
Save and load builds as VXM files
Export to GLTF
Paintable blocks

Example VXM files

Voters
ChristineMoore
LordPython404
TurtleAndrew
ArianaGZ
tussiez
VihaanM1
ruiwenge2
MrVoo
GingerIndustries
Comments
hotnewtop
GingerIndustries

Voxel Painter's down because somone at THREE.js screwed up their Skypack repo

GingerIndustries
ChristineMoore

Hi, Thank you for sharing this great information about Minecraft-style building by Voxel Painter. I am also very glad to be familiar with such wonderful features like rectangle tool, colored block, etc of this tool, Actually, I am a student of computer science and I took my programming assignment writing support from this resource https://youressayreviews.com/review-of-edubirdie-com-services/ that's why I have lots of time to learn this type of things and programming. I want to be a programmer and established my career in this IT sector. So I appreciated this inspirational post.

GingerIndustries

@ChristineMoore so. You just commented to advertise that service?

LordPython404

I have a hard time accessing the panel on the left, but otherwise I like it!

GingerIndustries

@LordPython404 This is a known problem. On Chrome, go to chrome://flags and enable #overlay-scrolling. I'm working on a fix.

LordPython404

@GingerIndustries I'm using microsoft-edge.

GingerIndustries

@LordPython404 There's not much I can do now, then. I'm working on a fix, so stay tuned i guess

LordPython404
i10

@LordPython404 you can use chrome flags on ms edge edge://flags#overlay-scrolling additionally urls like chrome://flags will auto redirect to edge://flags

GingerIndustries

@i10 good to know

tussiez

Pretty cool!
I think you should post this as a project on the three.js website itself - replacing/updating the original version.

Reminds me of https://sortacraftmodelmaker.sortagames.repl.co/ :)

GingerIndustries

@tussiez What's the format? Maybe I can make Voxel Painter export to it ;)

tussiez

@GingerIndustries Model Maker uses a Uint8Array with a length of 64 cubed. IIRC, to get an individual block: ‘arr[“x,y,z”]’ and the value of that element is the UV index (texture). For storing it, this is converted to a string and saved in LocalStorage. On mobile, will write some example code for this in a moment :)

tussiez

@GingerIndustries
The app uses a simple voxel engine:

GingerIndustries

@tussiez I've put it on the forum, now we wait and see.

tussiez
GingerIndustries
tussiez
GingerIndustries

@tussiez added AR

tussiez
GingerIndustries

@tussiez version 1.2.0 is out. would you believe Voxel Gallery took 1/8th of the time of Voxel Painter to make?

tussiez

Doesn't seem to be working? @GingerIndustries

tussiez

@GingerIndustries None of the save functions are working

GingerIndustries

@tussiez In Voxel Painter? Checking now

GingerIndustries

@tussiez idk everything seems fine. What did you mean?

tussiez

@GingerIndustries Nothing happens when I click "Save to GLB" or "Post to Gallery".

GingerIndustries

@tussiez Both are working fine for me. Did you try clearing the cache? Your browser might have a bugged version

GingerIndustries

@tussiez If it helps, the site doesn't show you as having created a user

tussiez

@GingerIndustries Chromebook, latest. Can’t check Inspect, blocked

GingerIndustries

@tussiez hMMMMMMMMMMMMMM
idk :( the only advice I have is clear the cache and/or Ctrl-F5, but I assume you already tried that

tussiez

@GingerIndustries Where do I join, and does not having an account prevent me from downloading a save file? I'm confuzled

tussiez

@GingerIndustries The downloader is working again, did you make any changes?

GingerIndustries

@tussiez i did nothing
idk what happened maybe repl was having a bad hair day

ruiwenge2

wow this is cool!

MrVoo

Nice! You should add more simple tools, like a line and maybe a circle

GingerIndustries

@MrVoo Good idea, I'll work on it soon

GingerIndustries

@MrVoo For the line tool, just use Rectangle. Sadly, I am too square-brain to add circles