Update preloaded_font.js

[chongma]

I couldn't get the example to work for the version of three I was using (6.4.1) by accessing the TextureLoader from source. I had to make these changes. The paths might not be right, but you can get the gist

[swingingtom]

Hi @chongma , thank you for PR this.

I tried it, but it don't work anymore. It cannot load the png asset file

I could only guess that it might be some webpack issue as you had to move from

// file-loaded by webpack
import FontImage from './assets/Roboto-msdf.png';

to

// not file-loaded by webpack
const texture = new THREE.TextureLoader().load('./assets/Roboto-msdf.png')

From v6.3.2 to v6.4.0 webpack dependency has been updated to version 5.
Could you try to npm install and then npm start again ?

One thing to note, I would anyway support the change from

import { TextureLoader } from 'three/src/loaders/TextureLoader.js';
// [...]
const textureLoader = new TextureLoader();

to

// [...]
const textureLoader = new THREE.TextureLoader();

as THREE has been fully imported, and then TextureLoader is already part of it 👍