Update 4.7.5

Author: nimadez

README.md

@@ -4,7 +4,7 @@
 
 ### **Voxel-based 3D Modeling Application**
 **Model . Render . Export**<br>
-This application is suitable for rapid prototyping, speed modeling, creating small assets in large numbers, importing MagicaVoxel models, or simply playing around and learning 3D modeling.
+This application is suitable for rapid prototyping, speed modeling, creating small assets in large numbers, loading and saving MagicaVoxel VOX format, or simply playing around and learning 3D modeling.
 
 [https://nimadez.github.io/voxel-builder/](https://nimadez.github.io/voxel-builder/)
 
@@ -19,7 +19,7 @@ This application is suitable for rapid prototyping, speed modeling, creating sma
 
 **File I/O**
 - Save and load JSON
-- Import MagicaVoxel VOX
+- Save and load MagicaVoxel VOX
 - Export to GLB, GLTF, OBJ, STL, PLY
 - Localstorage, snapshots, quicksave, undo
 - Backup and share snapshots in a ZIP archive
@@ -121,6 +121,19 @@ Also, the FPS depends on many factors, such as the material (CEL is faster) and
 > Warning: BJS - Max number of touches exceeded. Ignoring touches in excess of 2.<br>This problem is related to Babylon.js and nothing can be done.
 
 ## FAQ
+Why can't I freely transform 3D objects like in other 3D software?
+```
+There are no objects, you work with a grid of voxels,
+the XFORM feature only mimics the transformation of 3D objects,
+you just grab a piece of connected voxels and move them.
+```
+Why isn't there an option to export raw voxels as GLB?
+```
+GLB has a special use in this application,
+you can save and retrieve voxel data using baked meshes,
+exporting raw voxels to GLB leads to interference and errors
+when loading it using the "Load Bakes" option.
+```
 How to merge vertices after export to GLB?
 ```
 1- Open exported GLB file in Blender

electron.js

@@ -1,11 +1,15 @@
-// Aug 2019 https://nimadez.github.io/
+//
+// Aug 2019
 // Voxel Builder Electron
 
+
 if (!require('electron').app.requestSingleInstanceLock())
     require('electron').app.exit(0);
 
+
 const { app, BrowserWindow, Menu } = require('electron');
 
+
 function createWindow() {
     const mainWindow = new BrowserWindow({
         icon: './src/assets/appicon.png',
@@ -48,10 +52,12 @@ function createWindow() {
     });
 }
 
+
 app.whenReady().then(() => {
     createWindow();
 });
 
+
 app.on('window-all-closed', () => {
     if (process.platform !== 'darwin')
         app.quit();

media/screenshot.png

@@ -1,6 +1,6 @@
 {
     "name": "voxel-builder",
-    "version": "4.7.4",
+    "version": "4.7.5",
     "description": "Voxel-based 3D modeling application",
     "main": "electron.js",
     "scripts": {
@@ -11,7 +11,7 @@
     "license": "MIT",
     "devDependencies": {
         "electron": "^38.0.0",
-        "babylonjs": "8.43.0",
+        "babylonjs": "8.49.6",
         "three": "0.182.0",
         "three-mesh-bvh": "0.9.7",
         "three-gpu-pathtracer": "0.0.23",

package.json

@@ -1,13 +1,17 @@
 #!/usr/bin/env node
-// Aug 2024 https://nimadez.github.io/
+
+// Aug 2024
 // Voxel Builder Server
 
+
 const http = require('http');
 const url = require('url');
 const fs = require('fs');
 
+
 const PORT = 8011;
 
+
 http.createServer((req, res) => {
     const parsedUrl = url.parse(req.url, true);
     let filePath = `src${parsedUrl.pathname}`;
@@ -30,11 +34,13 @@ http.createServer((req, res) => {
         res.write(data);
         return res.end();
     });
+    
 }).listen(PORT, () => {
     console.log('Voxel Builder')
     console.log(`Server running at http://localhost:${PORT}`);
 });
 
+
 function getContentType(filePath) {
     const extname = String(filePath).split('.').pop().toLowerCase();
     const mimeTypes = {

server.js

@@ -313,7 +313,7 @@
             <li class="category">ABOUT</li>
             <li class="about">
                 <div><span style="color: orange">V</span>OXEL BUILDER</div>
-                &#8627; 4.7.4 BETA
+                &#8627; 4.7.5 BETA
                 <br>&#8627; <a href="https://github.com/nimadez/voxel-builder/" target="_blank">GitHub</a>
                 <br>&#8627; <a href="https://github.com/nimadez/voxel-builder/releases" target="_blank">Changelog</a>
                 <br>DEVELOPER
@@ -399,8 +399,10 @@
             <li class="category">SNAPSHOTS</li>
             <li><button onclick="document.getElementById('openfile_snapshot_zip').click()">Load Archive</button></li>
             <li><button id="btn_action_snapshots_save">Save Archive</button></li>
+            <li class="category">MAGICAVOXEL</li>
+            <li><button onclick="document.getElementById('openfile_vox').click()">Load VOX</button></li>
+            <li><button id="btn_action_save_vox">Save VOX</button></li>
             <li class="category">IMPORT</li>
-            <li><button onclick="document.getElementById('openfile_vox').click()">MagicaVoxel</button></li>
             <li><button onclick="document.getElementById('openfile_import_voxels').click()">JSON Voxels</button></li>
             <li class="category">EXPORT</li>
             <li class="row_input">
@@ -810,7 +812,7 @@
 
     <!-- shortcuts -->
     <div id="shortcuts" onclick="this.style.display = 'none'" title="Click to Close">
-        <span>⚠️ It is recommended to hold down the SPACE or ALT keys to toggle the Free Camera while modeling or with a tool active, on the desktop. (just like in Blender, Maya, etc.)</span>
+        <span>⚠️ It is recommended to hold down the SPACE or ALT key to toggle the Free Camera while modeling or with a tool active, on the desktop. (just like in Blender, Maya, etc.)</span>
         <hr>
         <table>
             <tr><td>SPACE, ALT</td> <td>Toggle Free Camera (MODEL)</td></tr>

src/index.html

@@ -5,6 +5,7 @@
     Main entry point
 */
 
+
 setAppId();