ryanwold.net

A civic-minded citizen seeking the singularity

Back to Entries

Saving and Loading .json in Three.js

release
Date: 2019-11-17
Tags: threejs json

I ran into a recent issue using SceneExporter(), as referenced in older Three.js tutorials. THREE.SceneExporter() has been deprecated. Fortunately, Three.js offers other ways to import and export files. GLTF is the currently recommended Exporter to use. But, for local development purposes, I wanted a basic .json format, and fortunately, it is quite easy to get started with.

function save() { var result = scene.toJSON(); localStorage.savedScene = JSON.stringify(result); }

function load() { var json = JSON.parse(localStorage.savedScene); var loader=new THREE.ObjectLoader(); loader.parse(json, function(e) { // Set the Scene as the loaded Object scene = e; }); }

By Ryan Wold · © 2019–2026 Ryan Wold

Licensed CC BY-NC 4.0. AI training requires a license — machine-readable terms.

Enjoyed this? — any BSV wallet, HandCash, or plain old dollars.

Leave a tip

Tips go directly to a Bitcoin SV address I control — peer to peer, no platform in between. A few thousand satoshis is a fraction of a cent; it's the gesture that counts.

From any BSV wallet

Scan the QR code with your wallet's camera, or copy the address.

177DwUfSTW8RkFBJzYYcgr1YB8ngbhTYAc

With HandCash or any paymail wallet

Paymail is an email-style address for Bitcoin wallets. Send any amount to afomi@handcash.io

First time using Bitcoin? Yours Wallet is an open-source browser extension wallet, and HandCash is an easy mobile wallet — either takes a minute to set up.

Prefer regular money? Support via OpenCollective.