Python+threejs实现 Web 3D开发快速入门

Python+threejs实现 Web 3D开发快速入门

在本文中,我们将学习如何在Python中使用three.js库,而无需编写任何一行 JavaScript。我们将使用PyWeb3D,这是一个额外的层,旨在与Brython的three.js轻松交互。

1、什么是PyWeb3D?

简单地说,PyWeb3D是一个使用Python语法的three.js库。这是一个用Brython和three.js构建的开源项目,它旨在扩展three.js,同时使用python语法与库进行交互。

800_auto

本文是系列的第一篇,因此我们将保持简单。以下是我们将在本文中创建的内容的示例 ,一个旋转的立方体:

800_auto

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%

{{collectdata}}

网友评论