Dojo3D-用于3D互动故事的简单JavaScript库

2020-11-02 18:59:10

这是一个3D故事讲述的一体库,面向所有年龄段的程序员。无需安装软件,对于CoderDojo、代码一小时等活动非常有用。

直接跳到我们的简单故事的主代码,查看主要的故事代码。

<;!DOCTYPE html>;<;html>;<;head>;<;meta charset=";utf-8";/>;<;title>;Dojo 3D-示例故事书<;/title>;<;script src=";https://dojo3d.webprofusion.com/v1/dojo3d.js";>;<;/script>;<;LINK REL=";样式表&34;href=";Https://dojo3d.webprofusion.com/v1/dojo3d.css";/>;<;/Head>;<;body>;<;script>;//创建world var world=new dojo3d。World();var UI=dojo3d。Ui;//获取我们可以使用的3D模型,然后执行我们的主代码世界。FetchPrefabModels()。然后(async()=>;{//获取快乐万圣节场景模型,按比例添加到场景中//https://sketchfab.com/JessSwynn;许可证:Creative Commons Attribution var Scene=WORLD。GetPrefabModelByName(";万圣节快乐";);obj=等待世界。AddSceneObject(Scene,0.1);//在world上打开一些灯光。AddLights();//定义摄像机视点以便我们以后可以使用它们var视点=[{title:";ZoomedOut";,position:{x:0.0,y:0.0,z:5.0}},{title:";house";,位置:{x:0.059,y:0.255,z:1.099}},{标题:";蜘蛛";,位置:{x:0.059,y:0.58,z:0.424}},{标题:";后屋";,位置:{x:0.041,y:0.463,z:-1.731}},{标题:";后台楼上";,位置:{x:-0.066,y:0.567,z:-0.438},},{标题:";重影";,位置:{x:-0.139,y:0.142,z:-0.466}},{标题:";rip";,位置:{x:-0.216,y:0.005,z:0.57}},{标题:";猫";,位置:{x:-0.028,y:-0.071,z:0.826},];世界。SetViewpoint(视点);/我们的简单故事的主代码//动画化为名为";ZoomedOut";的视点,等待世界。AnimateToViewpoint(";ZoomedOut";);//在x:10,y:10 UI显示介绍消息框。ShowMessage(";Hello..";,10,10);//等待几秒钟等待UI。等待(3);//提问,答案将是";选项值";,回答。optionNumber是从1(1,2,3等)开始选择的选项编号。让Answer=等待UI。问(";为什么你在这里?,[#34;我不知道。是你叫我来的。";,]);如果(回答。OptionNumber==1){UI。ShowMessage(";嗯,Lost Are We..";);}其他{UI.。ShowMessage(嗯,我不记得做过该操作..);}//动画设置为名为ZoomedOut";AWait World的视点。AnimateToViewpoint(";Cat";);});<;/script>;<;/body>;<;/html>;