【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第31课-循环动画

【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第31课-循环动画

使用dtns.network德塔世界(开源的智体世界引擎),策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写的智体世界引擎(内嵌了three.js编辑器的定制版-支持以第一视角游览3D场馆),可以在浏览器和node.js、deno、electron上运行,它是一个跨平台的软件,支持多个操作系统使用!

下面分为几步介绍,如何基于dtns.network智体世界引擎如何实现乔布斯3D纪念馆的碟状总部的3D门组件的循环往复的移动动画。这比上一节教程中的门移动动画更进一步,即使用了poplang智体编程语言的循环指令,实现了门的移动的循环往复运动。

循环动画,可以实现3D场景中的特色的3D摆件的突出显示的效果。并且增强真实感、沉浸感。使得3D场馆更像一个真实的带着广告牌效果的3D真实平行宇宙世界空间。使用高级的智体编程语言poplang,可以简单的几行指令(就像是使用中文一样)就可以实现复杂的动画效果配置。并快速通过源文件的分享,使得社区用户可以快速的学习和使用、复制它(这个动画效果等等酷炫的3D智体应用)。

第一步:打开头榜页面,找到3D纪念馆xverse轻应用

在这里插入图片描述

第二步:点击右上角…进入头榜编辑器

在这里插入图片描述

第三步:点击正面的“编辑xverse轻应用源码”,进入3D场馆编辑器

在这里插入图片描述
注:点击3D门组件,在右侧属性面板找到脚本-编辑按钮。

第四步:点击右侧的属性面板下方的脚本-编辑,进入poplang智体编程语言的脚本编辑器,使用时间函数pop.do.while指令实现动画的循环往复效果

在这里插入图片描述
注:将pop.func.define定义的onclick函数,修改为onclicka(取消掉3D门组件的点击事件,以便在pop.do.while指令中使用它)。并新增了一行持续循环指令pop.do.while doflag onclicka,这样,便可以一直让这个3D门组件持续地动起来了(在3个位置上快速的实现往复运动,而不需要人的参与——例如不需要点击事件激活它了)——相当于实现了3D摆件的循环动画效果,把门变成了一个带着动画效果的【广告牌】了!

第五步:点击顶部菜单“文件”推送头榜(作品),将此3D纪念馆以xverse轻应用方式分享给其他用户

在这里插入图片描述

第六步:将新的头榜标题设置为“3D纪念馆-循环动画”,点击右上角确认完成头榜发布

在这里插入图片描述

第七步:找到刚发布的xverse轻应用头榜,点击进入3D场景游览器

在这里插入图片描述
注:轻轻一点击,即可进入刚发布好的xverse-3D轻应用(智体应用),我们相当于可以无限地分享和裂变这个开源的3D轻应用(智体应用)。这样大家便可以按自己的需求,轻松的修改和定制这些动画的源码模板了。可以形成自己的故事、自己的动画、自己的3D场馆、自己的3D互动剧情等等。随心所欲地发挥,所以智体世界、智体OS也相当于【元宇宙】【开放世界】!

第八步:进入3D轻应用后,我们可以看到3D门组件正在以持续进行的状态进行往复运动、这个动画可以不由人参与的情况下自行持续下去(循环动画)

在这里插入图片描述
接下来1秒,3D门组件回到下方位置(如下图)——形成了循环动画效果:
在这里插入图片描述
通过上述8步,我们成功完成了《乔布斯3D纪念馆》的飞碟形态的3D纪念馆的门的3D组件的循环动画特效。通过这个动画特效,我们很容易地理解了在3D场景里面,实现一个3D组件的循环动画,将带来全新的真实感、沉浸感的互动体验,这个与2D的动画特效、电影情节、游戏完全不一样(可以自由的与之交互、互动,从不同的角度看到真实的动画模型的角度变化)。具备着类似真实世界一样的沉浸感、画面感,大大增强了用户的感观体验、互动体验。从而带来全新的3D动画特效体验。

我们也看到了poplang智体编程语言的强大能量,一两行简单的指令,即可完成复杂的动画效果的开发。并且通过xverse-json源文件(3D轻应用)的方式进行社区分享,使得开源开放、公开透明的3D场馆的设计,能被大家更多的学习和继承,达到互动学习、互动成长的目的。这也是智体OS、智体互动式教育-学习的目标。

注:dtns.network德塔世界(开源的智体世界引擎)是在github和gitee上开源的项目!

开源地址:

github地址:https://github.com/dtnsman/dtns

Gitee地址:https://github.com/dtnsman/dtns

官方文档:https://dtns.network.yunapi.org

加入QQ群:279931001

加入微信群:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/18620.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

科学技术创新杂志科学技术创新杂志社科学技术创新编辑部2024年第10期目录

科技创新 单桩穿越岩溶发育地层力学特征与溶洞处置措施研究 刘飞; 1-7《科学技术创新》投稿:cnqikantg126.com 基于多目标优化的中低压配电网电力规划研究 向星山;杨承俊;张寒月; 8-11 激光雷达测绘技术在工程测绘中的应用研究 张军伟;闫宏昌; 12-15 …

Python爬虫技术深度解析与实战案例

一、引言 随着互联网的快速发展,网络数据已成为人们获取信息、进行研究的重要资源。Python作为一种功能强大且易于学习的编程语言,在爬虫领域有着广泛的应用。本文将详细介绍Python爬虫技术的基本原理、核心组件,并通过一个实战案例展示Pyth…

LeetCode516:最长回文子序列

题目描述 给你一个字符串 s ,找出其中最长的回文子序列,并返回该序列的长度。 子序列定义为:不改变剩余字符顺序的情况下,删除某些字符或者不删除任何字符形成的一个序列。 代码 /*dp[i][j]:[i,j]的回文子序列长度为d…

泰迪智能科技数据分析工程师项目班(线上班)课程安排介绍

泰迪智能科技数据分析工程师项目班旨在帮助学员掌握数据分析的基本理论和实践技能,通过理论教学和实践项目结合,全面提升学员的数据分析能力。 数据分析工程师项目班课程特色: 1.课程内容前沿,实用性强 课程…

51 html网页

上节内容的网页是hello world的字符串,但实际上网页应该是html格式的这种超文本标记语言,这一节完善一下网页的各种格式和内容 分文件 实际服务器中,网页的界面应该单独放一个文件,服务器从文件里读取网页的内容 先创建一个wroo…

QT学习备份

2023年1月2日09:00:32 1.信号/槽编辑器 发送者:控件 信号:是控件发出的信号 接受者:包含控件的容器 槽:程序上用slot标识的方法 2.Q_OBJECT宏 只有继承了QObject类的类,才具有信号槽的能力。所以,为了使用…

uniapp实现蓝牙自动连接并获取心电图(代码篇)

我们最近的项目是需要写一个app和公司设备通过蓝牙连接,并且获取到心电图,这次是实现自动的,用户在第一次的时候需要点击连接蓝牙实现自动连接,后续更是不需要点击直接获取心电图,直接上代码,供大家参考&am…

【管理咨询宝藏118】集团公司人力资源共享服务中心建设方案

本报告首发于公号“管理咨询宝藏”,如需阅读完整版报告内容,请查阅公号“管理咨询宝藏”。 【管理咨询宝藏118】集团公司人力资源共享服务中心建设方案 【格式】PDF版本 【关键词】人力资源、共享服务、顶级咨询 【核心观点】 - 本项目立足集团公司的人…

学生信息管理系统(静态版)

系统的主界面 系统的操作指令 结构体的创建 目录 1、学生信息的输入 2、学生信息的添加 3、学生信息的删除 4、学生信息的查找,找到并显示 *判断查找函数3和4和5共用 5、学生信息的修改 6、显示学生的信息 7、学生成绩的排序,并打印(代码中有快排和冒…

智慧冶金:TSINGSEE青犀AI+视频技术助力打造高效、安全的生产环境

一、建设背景 冶金行业因其特殊的生产环境和工艺要求,对安全生产、环境保护以及质量监控等方面有着极高的要求。因此,将视频智能监控技术引入冶金行业,不仅有助于提升生产效率,更能有效保障生产安全,降低事故风险。 …

Python + adb 实现打电话功能

前言 其实很多年前写过一篇python打电话的功能,链接如下: Python twilio 实现打电话和发短信功能_自动发短信代码-CSDN博客 今天由于工作需要,又用python写了个关于打电话的小工具,主要是通过ADB方式实现的 实现过程 1.先利用…

计算机图形学入门02:线性代数基础

1.向量(Vetors) 向量表示一个方向,还能表示长度(向量的摸)。一般使用单位向量表示方向。 向量加减:平行四边形法则、三角形法则。比卡尔坐标系描述向量,坐标直接相加。 1.1向量点乘(…

图片怎么批量重命名从1到50?这3个方法一键改名

图片怎么批量重命名从1到50?图片批量重命名从1到50的过程不仅提高了我们处理大量图片文件的效率,还大大简化了命名过程,让我们能更加有条理地管理和存储图片。通过使用各种专业的工具和方法,我们可以轻松实现图片文件的自动化命名…

光纤网络发展(光缆主动监测系统解决方案)

随着光缆网络规模的迅速扩大,如何提高网络运营效益就显得尤为重要。一方面需要及时掌握网络的运行状况,在发生劣化或故障时,能够准确定位,缩短排障历时;同时,一条光缆从设计、施工到维护,积累了…

聊聊异常处理及try-catch-finally块的作用

异常处理(Exceptional Handling),又称为错误处理,是编程语言或计算机硬件中用于处理软件或信息系统中出现的异常状况的一种机制。这些异常状况通常指的是超出程序正常执行流程的某些特殊条件。异常处理提供了处理程序运行时出现的…

服务器上创建搭建gitlab

一、下载与安装 在主目录操作~ 1.使用wget下载 wget --no-check-certificate https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/gitlab-ce-14.0.1-ce.0.el7.x86_64.rpm 可以在开源软件镜像站选择合适的版本,版本不同页面菜单会稍有差异,此次选…

新人学习笔记之(函数1)

一、函数的概念 1.在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用 2.虽然for循环语句也能实现一些简单的重复操作,但是比较有局限性,此时我们就可以使用JS中的函数 3.函数:就是…

MongoDB CRUD操作:投影Project详解

MongoDB CRUD操作:投影Project详解 文章目录 MongoDB CRUD操作:投影Project详解返回文档的全部字段返回指定的字段和_id字段不输出_id字段指定排除的字段返回内嵌文档中的指定字段禁止内嵌文档中的特定字段数组中内嵌文档的投影聚合表达式的投影字段 默认…

拉取代码报错: SSL certificate problem: self signed certificate

问题描述: 使用SmartGit工具clone项目时,弹出框提示信息为“XXXX,SSL certificate problem: self signed certificate” 问题分析: 提示信息为SSL认证失败,可以关闭SSL的认证 解决方案: 在windows的命…

【Git】Git命令

原文链接:https://github.com/Wscats/CV/issues/31 新建 创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中 # 初始化当前项目 $ git init# 新建一个目录,将其初始化为Git代码库 $ git init [project-name]# 在指定目录创…