three.js从入门到精通系列教程017 - three.js加载中文字体并绘制斜角立体汉字

smartsmile2012

于 2024-01-20 13:24:16 发布

阅读量471

点赞数 7

分类专栏： three.js从入门到精通系列教程文章标签： javascript three.js 3D 数字孪生元宇宙

本文链接：https://blog.csdn.net/smartsmile2012/article/details/135714369

版权

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>three.js从入门到精通系列教程017 - three.js加载中文字体并绘制斜角立体汉字</title>
    <script src="ThreeJS/three.js"></script>
    <script src="ThreeJS/jquery.js"></script>
</head>

<body>
    <center id="myContainer"></center>
    <script type="text/javascript">
        //创建渲染器
        var myRenderer = new THREE.WebGLRenderer({ antialias: true });
        myRenderer.setSize(window.innerWidth, window.innerHeight);
        $("#myContainer").append(myRenderer.domElement);
        var myScene = new THREE.Scene();
        myScene.background = new THREE.Color('white');
        var myCamera = new THREE.OrthographicCamera(-2.5, 2.5, 1.875, -1.875, 1, 100);
        myCamera.position.set(3, 3, 20);
        myCamera.lookAt(new THREE.Vector3(2