python - 使用 Transcrypt 乌龟和画一棵树

今天我想用 Transcrypt 在浏览器中画一棵树。
我有 Python 代码，可在 Skulpt 中使用:

import random
import turtle

def tree(size, myTurtle):
    myTurtle.pensize(size / 20)

    if size < random.randint(1,2) * 20:
        myTurtle.color("green")
    else:
        myTurtle.color("brown")

    if size > 5:
        myTurtle.forward(size)
        myTurtle.left(25)
        tree(size - random.randint(10, 20), myTurtle)
        myTurtle.right(50)
        tree(size - random.randint(10, 20), myTurtle)
        myTurtle.left(25)
        myTurtle.penup()
        myTurtle.backward(size)
        myTurtle.pendown()

window = turtle.Screen()
window.setup(800,600)
window.bgcolor("white")

myTurtle = turtle.Turtle()
myTurtle.color("brown", "blue")
myTurtle.left(90)
myTurtle.speed(0)
myTurtle.penup()
myTurtle.setpos(0, -250)
myTurtle.pendown()

我想在浏览器中运行它以获得这种效果:

不用担心树上的文字，正在润色中 ;)
我在 Skulpt 中运行这个，也许你听说过它，你有上面的效果。
现在我想在 Transcrypt 中运行它并将其与 Skulpt 和 Brython 进行比较。

正如你在这里看到的:
http://www.transcrypt.org/live/turtle_site/turtle_site.html

Transcrypt 不知何故可以用乌龟画画。

这段代码有什么变化，可以与 Transcrypt 一起使用？

你能帮我解决这个问题吗？

最佳答案

第一:您需要对代码进行一些修改，因为 Transcrypt 中的某些函数具有不同的名称或不存在。您必须添加 turtle.done() 以显示结果。

turtle_tree.py

import random
import turtle

def tree(size, myTurtle):
    myTurtle.pensize(size / 20)

    if size < random.randint(1,2) * 20:
        myTurtle.color("green")
    else:
        myTurtle.color("brown")

    if size > 5:
        myTurtle.forward(size)
        myTurtle.left(25)
        tree(size - random.randint(10, 20), myTurtle)
        myTurtle.right(50)
        tree(size - random.randint(10, 20), myTurtle)
        myTurtle.left(25)
        myTurtle.up()       # penup()
        myTurtle.back(size) # backward(size)
        myTurtle.down()     # pendown()

#window = turtle.Screen()   # doesn't exists
#window.setup(800,600)      # doesn't exists
#window.bgcolor("white")    # doesn't exists

myTurtle = turtle.Turtle()
myTurtle.color("brown", "blue")
myTurtle.left(90)
myTurtle.speed(0)
myTurtle.up()         # penup()
myTurtle.goto(0, 250) # setpos(0, -250)
myTurtle.down()       # pendown()

tree(135, myTurtle)

myTurtle.done() # display

使用 Transcrypt 安装 pip

pip install transcrypt

将 Python 编译成 JavaScript

transcrypt turtle_tree.py

你得到文件夹 __javascript__ 与文件 turtle_tree.js (和 turtle_tree.min.js ， turtle_tree.mod.js 但你现在不需要它)

您需要加载 turtle_tree.js 并具有 <div id="__turtlegraph__"> 来显示结果的 HTML 文件。

turtle_tree.html

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8"/>
    <title>Turtle Tree</title>

    <style>
        #__turtlegraph__ {
            height: 600px;
            width: 800px;
        }
    </style>
</head>

<body>

    <div id="__turtlegraph__"></div>
    <script src='turtle_tree.js'></script>

</body>

</html>

将 HTML 文件放在 __javascript__ 文件夹中并在浏览器中打开它。

在 Python 3.5.2/Linux Mint 17.3/Firefox 48.0 上测试 - 它在 1 秒(或更短)内绘制。

关于python - 使用 Transcrypt 乌龟和画一棵树，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39822733/