<!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, 1, 0));
        myScene.add(myCamera);
        var myLight = new THREE.DirectionalLight('white');
        myLight.position.set(-5, 10, 5);
        myScene.add(myLight);
        //加载中文字体并绘制斜角汉字
        var myFontLoader = new THREE.FontLoader();
        myFontLoader.load('Data/MicrosoftYaHei_Regular.json', function (font) {
            var myTextGeometry = new THREE.TextGeometry('上善若水',
                {
                    font: font, size: 0.6, height: 1, curveSegments: 120,
                    bevelEnabled: true, bevelThickness: 1.5,
                    bevelSize: 0.05, bevelSegments: 3
                });
            //创建金属发亮材质
            var myMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 });
            var myTextMesh = new THREE.Mesh(myTextGeometry, myMaterial);
            myTextMesh.position.y = 0.5;
            myScene.add(myTextMesh);
        });
        //渲染绘制的斜角汉字
        animate();
        function animate() {
            requestAnimationFrame(animate);
            myRenderer.render(myScene, myCamera);
        }
    </script>
</body>

</html>

# javascript
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局

Plate 编辑器降级契约（Degradation Contract）：为虚拟化与 Shell 模式划定原生行为底线

本文围绕 Plate 仓库 `.agents/skills/performance/rules/degradation-contract.md` 中的核心规则展开，说明在编辑器引入虚拟化渲染、Shell 岛屿（shell islands）、模型驱动选择（model-backed selection）或分阶段挂载（staged mounting）等激进性能手段时，如何为每一种降级模式登记完整的行为契

avatar 天工造物局

Dozzle 在 Kubernetes 中的部署与配置：实时查看 Pod 日志的完整指南

Dozzle 是一个面向容器的实时日志查看器，原生支持 Docker、Swarm 与 Kubernetes 三种运行环境。本文围绕官方 Kubernetes 支持文档展开，讲解如何通过 `DOZZLE_MODE=k8s` 在集群内以最小权限 RBAC 部署 Dozzle、如何安装并依赖 Kubernetes Metrics API 展示资源用量，以及如何用 `DOZZLE_NAMESPACE` 与

avatar 天工造物局