请选择 进入手机版 | 继续访问电脑版
img_top
查看: 588|回复: 0

[发布] ThingJS:不到一天入门3D开辟,创业就要快!

[复制链接]
avatar

52

主题

57

帖子

79

积分

注册会员

Rank: 2

积分
79
ico_lz  楼主| 发表于 2020-9-9 19:10:40 | 显示全部楼层 |阅读模式

自动化建模技术起头在国内掀起一股高潮,3D建模的门坎慢慢下降,开辟者不到一天便可以入门ThingJS开辟才能!

ThingJS在线开辟3D,若何建立文本模子动效?分歧于HTML文本,这个是一种特别的3D模子,它是可以像其他的3D模子一样,实现扭转等控制功用。

这样的笔墨模子到处可见,比如logo指示牌,别的也可以停止报酬的文本提醒,超脱于仿真范围之外,看第二张图。

ThingJS:不到一天入门3D开辟,创业就要快!

模子地址:https://www.thingjs.com/pp/7534f8a688bd2fff734f97f7

一个三维场景可以包括二维内容,比如信息弹窗,而作为文本类信息,对于用户操纵很是方便,所以在3D界面成长出了marker标志、文本模子和webview内嵌页面,都是加倍方便去增强信息获得才能。假如是开辟3D文本模子,相较于平面的文本信息,可以加入模子动画,停止扭转控制,合适更多直观的利用需求。


根本建立


ThingJS:不到一天入门3D开辟,创业就要快!

  1. var app = new THING.App({
  2. url: 'https://www.thingjs.com/static/models/storehouse'
  3. });
  4. app.on('load', function (ev) {
  5. new THING.widget.Button('建立文本', function () {
  6. // 建立3D文本
  7. var textRegion01 = app.create({
  8. type: 'TextRegion',
  9. id: 'textRegion01',
  10. position: [0, 9, -5], // 天下坐标
  11. text: '生产厂房',
  12. style: {
  13. fontColor: '#000000', // 文本色彩 支持16进制色彩 和 rgb色彩
  14. fontSize: 32, // 文本字号巨细
  15. }
  16. });
复制代码



控制操纵


以下是在建立根本上指定父物体,加入更多控制操纵,例如alwaysontop 为最上层显现,rotateX()绕文本本身X轴扭转等等

例子1

  1. // 以小车为父物体建立3D文本
  2. var car = app.query('car01')[0];
  3. var textRegion02 = app.create({
  4. type: 'TextRegion',
  5. parent: car,
  6. localPosition: [0, 2.5, 0], // 相对于car01的相对坐标
  7. text: car.name,
  8. style: {
  9. fontColor: 'rgb(0,0,255)', // 文本色彩 支持16进制色彩 和 rgb色彩
  10. fontSize: 20, // 文本字号巨细
  11. }
  12. });
  13. // 让文本始终在最上层显现
  14. textRegion02.style.alwaysOnTop = true;
复制代码


例子2

  1. // 以修建为父物体建立3D文本
  2. var building = app.query('6923')[0];
  3. var textRegion03 = app.create({
  4. type: 'TextRegion',
  5. parent: building,
  6. localPosition: [0, 3.2, 0],
  7. text: '库房',
  8. style: {
  9. fontColor: '#ff0000', // 文本色彩 支持16进制色彩 和 rgb色彩
  10. fontSize: 32, // 文本字号巨细
  11. }
  12. });
  13. // 绕文本本身X轴扭转
  14. textRegion03.rotateX(-90);
  15. })
复制代码


系统建立文本模子,也应用了HTML文本的底层才能,比如?font,用来暗示文本款式、巨细及字体,用CSS 中指定字体的格式来指定,例如"10px Arial"


所以,在告诉系统建立一个命名为textRegiontype物体,赋予ID和天下坐标、展现文本,文本援用了CSS字体属性,用于设备字体范例、巨细及粗细等款式。操纵ThingJS开辟3D要打好HTML/Css说话根本,假如你有JS开辟才能,这方面不成题目。

自从用了ThingJS,天天都是好心情!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则