Python+threejs实现 Web 3D开发快速入门
在本文中,我们将学习如何在Python中使用three.js库,而无需编写任何一行 JavaScript。我们将使用PyWeb3D,这是一个额外的层,旨在与Brython的three.js轻松交互。
1、什么是PyWeb3D?
简单地说,PyWeb3D是一个使用Python语法的three.js库。这是一个用Brython和three.js构建的开源项目,它旨在扩展three.js,同时使用python语法与库进行交互。
本文是系列的第一篇,因此我们将保持简单。以下是我们将在本文中创建的内容的示例 ,一个旋转的立方体:
2、开发环境安装
无需安装任何东西即可使用 PyWeb3D。
将必要的库和包添加到 HTML 文件的 标记中:
<script src="https://cdn.jsdelivr.net/npm/brython@3.10.7/brython.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/brython@3.10.7/brython_stdlib.js"></script>
<script src="https://unpkg.com/three@0.145.0/build/three.js"></script>
<script src="https://www.pyweb3d.org/pyweb3d/v1.0.0/pyweb3d.brython.js"></script>
3、需要的准备工作
创建一个文件夹并将其命名为 spinning_cube。 这将是我们的工作目录。
在工作目录中,创建一个 index.html 文件。 这是我们所有代码的存放位置。
将以下代码粘贴到index.html 文件中:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first pyWeb3D app</title> <script src="https://cdn.jsdelivr.net/npm/brython@3.10.7/brython.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/brython@3.10.7/brython_stdlib.js"></script> <sc...
点击查看剩余70%
网友评论