路由

下一篇

• Vue实现图形化积木式编程(十二) ---- 执行Blockly生成代码

历史回顾

Babylon.js部分

• Vue实现图形化积木式编程(一) ---- Babylon.js基础场景搭建
• Vue实现图形化积木式编程(二) ---- Babylon.js加载模型到场景中
• Vue实现图形化积木式编程(三) ---- Babylon.js点击拖拽移动模型
• Vue实现图形化积木式编程(四) ---- Babylon.js实现碰撞效果
• Vue实现图形化积木式编程(五) ---- Babylon.js自定义启动界面
• Vue实现图形化积木式编程(六) ---- Babylon.js相机控制与相机动画
• Vue实现图形化积木式编程(七) ---- babylonjs-gui 按钮实现
• Vue实现图形化积木式编程(八) ---- 将3d界面放入可拖动窗口中

Blockly部分

• Vue实现图形化积木式编程(九) ---- Blockly代码块编辑区域基本场景搭建
• Vue实现图形化积木式编程(十) ---- Blockly自定义块

前言

一年前想要做一个web端的图形化积木式编程（类似少儿编程）的案例，当时只是觉得积木模块和3D引擎都是我没有接触过的领域，能把它们结合起来做一个类似游戏案例挺有意思的。
现在回过头来看，在公司接触了流程自动化、HTML网页图文编辑、视频模版自动化等底代码平台的学习和开发之后，我觉得这是低代码的一种表现形式，也是我觉得喜欢和想要坚持的道路。
系统还不够完善，任重而道远。当然啦，停更这么久了，终于闲下来了，还是想要把未完待续给继续下去。这篇文章虽然内容很短，但是算是我重启博客之旅的开始吧哈哈哈哈哈。

Vue实现图形化积木式编程(十一)相关推荐

1. Vue实现图形化积木式编程(十二)

   执行Blockly生成代码 路由 下一篇 历史回顾 Babylon.js部分 Blockly部分 前言 最终实现效果 本文内容 实现思路 问题分析 问题 原因 不优雅解决 优雅解决 完整代码 后续计划 ...

2. Vue实现图形化积木式编程(十三)

   步骤运行代码块高亮 路由 历史回顾 Babylon.js部分 Blockly部分 前言 最终实现效果 本文内容 实现 1. 安装依赖 2. 简化语法 3. 引入js解析器 4. 运行代码 5. 加入高 ...

3. Vue实现图形化积木式编程(十)

   Blockly自定义块 路由 下一篇 历史回顾 Babylon.js部分 Blockly部分 前言 最终实现效果 本文实现效果 完整代码 代码分解 0.代码块前置知识 0.1 汉化 0.2 预置块 0 ...

4. Vue实现图形化积木式编程（一）

   Babylon.js基础场景搭建 路由 前言 最终实现效果 本文实现效果 技术选型 1.前端 2.后端 完整代码 代码分解 0.npm安装相关依赖 1.引入模块 2.场景初始化 3.ArcRotate ...

5. Vue实现图形化积木式编程(二)

   Babylon.js加载模型到场景中 路由 下一篇 历史回顾 前言 最终实现效果 本文实现效果 完整代码 操作分解(Babylon.js模型格式转换与导入) 0.在开源模型网上下载一个模型/自己制作一 ...

6. 原创教程：下载和安装“图形化积木Python编程”海龟编辑器

   一.简介 Python编辑器是一款界面简单充满童趣的Python编程软件,该软件普遍适用于低龄化用户,帮助培养用户对代码编程的兴趣:众所周知编写代码是比较枯燥的事情,所以学起来更是如此,为解决这一难题 ...

7. python积木式编程_TurnipBit—MicroPython开发板：从积木式编程语言开始学作小小创客...

   编程.建模.制做动画和游戏--这些当初咱们默认只有成年人玩得转的事情,如今早已经被无数小孩子给颠覆甚至玩出新境界了.热爱科技和动手的"创客"(Maker)如今在全世界都煊赫一时.今 ...

8. 竞赛无人机搭积木式编程——以2022年TI电赛送货无人机一等奖复现为例学习(7月B题)

   在学习本教程前,请确保已经学习了前4讲中无人机相关坐标系知识.基础飞行控制函数.激光雷达SLAM定位条件下的室内定点控制.自动飞行支持函数.导航控制函数等入门阶段的先导教程. 同时用户在做二次开发自定 ...

9. python积木式编程_【发现教育版亮点之美】3D One还能这么玩：“趣味编程”建模让你脑洞大开...

   原标题:[发现教育版亮点之美]3D One还能这么玩:"趣味编程"建模让你脑洞大开 "[有奖征文]发现3D One教育版亮点之美"教育版功能文章征集活动已经告一 ...

最新文章

1. 字节跳动_掌握Java字节码
2. python程序执行时间
3. oracle中快速复制数据表（创建数据表）
4. 大数据学习（1）Hadoop安装
5. numpy基础(part15)--线性模型
6. 附一张css hack
7. 搭建基于飞桨的OCR工具库，总模型仅8.6M的超轻量级中文OCR，单模型支持中英文数字组合识别、竖排文本识别、长文本识别的PaddleOCR
8. 电脑怎么打出冒号符号_Mac小技巧：教你如何在Mac电脑打出command?、option?等特殊符号...
9. ArcEngine 9.3.1与64位操作系统 80040154
10. 夸奖对方代码写的好_我写出这样干净的代码，老板直夸我
11. 《Android框架揭秘》——2.6节小结
12. k8s 自定义dns_配置k8s dns
13. 如何删除WORD中的空白行以及换行符
14. MVC+Echarts绘制统计图表
15. 【无标题】关于CTF的相关知识
16. 【例题4-2 uva489】Hangman Judge
17. 有关人、社会的本质的思考--现代的捕蛇者说
18. PHP自学---empty()和isset()的使用
19. mysql使用()文件中的配置参数_MySQL使用（ ）文件中的配置参数。 答案：my.ini
20. 计算机网络与无线通信系统学习6：路由器基础

热门文章

1. 女神节活动 送她链上专属藏品，爱要大胆晒出来
2. linux kernel -- oops场景奈何桥
3. python 根据TIN查询点云坐标
4. 新版标准日本语高级_第14课
5. linux c代码更改时间间隔,在特定的时间间隔后发送控制c到一个linux命令？
6. JavaScript基础学习——第五天（原型、垃圾回收、数组简介）
7. matlab simulink锂离子电池智能充电策略研究
8. C#模仿腾讯QQ源码下载（附效果图）_张童瑶的博客
9. gradle ERROR: All flavors must now belong to a named flavor dimension.
10. slice（）、substring（）、substr（）区别和用法