Skip to content

Instantly share code, notes, and snippets.

View mdecourse's full-sized avatar

KMOLab mdecourse

81 followers · 0 following
  • KMOL
  • Taiwan
View GitHub Profile
@mdecourse
mdecourse / bezier24v3.py
Created September 8, 2021 05:59
Brython Cango 24v3 Bezier drag example
# Cango 24v3 版本 Bezier 繪圖
from browser import window, html
from browser import document as doc
canvas = html.CANVAS(width = 600, height = 400)
canvas.id = "canvas"
brython_div = doc["brython_div"]
brython_div <= canvas
# Javascript 物件
cango = window.Cango.new
path = window.Path.new
@mdecourse
mdecourse / two_link_ik.py
Last active September 7, 2021 10:19
two-link robot inverst kinematic equations
@mdecourse
mdecourse / manual_snake.py
Last active September 16, 2021 12:17
snake.py
# 從 browser 導入 document 並設為 doc
from browser import document as doc
# 使用者可以透過 window 當作介面使用其他 Javascript 功能
from browser import html, window
# 用於定時執行特定函式
import browser.timer
# 導入數學模組
import math
# 導入亂數模組
from random import random, randint
@mdecourse
mdecourse / brython_snake.py
Last active September 19, 2021 09:30
brython_snake
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brython Snake</title>
<!-- 導入 brython javascript 程式庫 -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.8.9/brython.min.js">
</script>
@mdecourse
mdecourse / clock.py
Last active July 15, 2021 05:49
clock on brython editor
# clock1 in Brython - 這是單行註解
# 以下則是多行註解
'''Code for the clock'''
# Line drawing
# 導入 doc
from browser import document as doc # 從模組 browser 導入 document 並且命名為 doc
from browser import html # 導入 html
import math # 導入數學模組
import time # 導入時間模組
import browser.timer # 導入用來製作 animation 動態模擬用的計時器
@mdecourse
mdecourse / pypy_ex1.js
Created July 12, 2020 07:36
add pypy.js example
pypyjs.exec(
`for i in range(5):
print("test");`
);
@mdecourse
mdecourse / ajax_get_stud_data.js
Last active May 23, 2020 13:14
use ajax get data and put into console.log and html
function reqListener () {
document.getElementById("html").innerHTML = this.responseText;
console.log(this.responseText);
}
var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "https://mde.tw/wcmj2020/downloads/2020spring_wcmj_1a_list.txt");
oReq.send();
@mdecourse
mdecourse / apo_double_quote.dart
Created March 17, 2020 12:21
apostrophe and double quote in Dart
void main() {
for (int i = 0; i < 5; i++) {
print('hello ${i + 1}');
print("hello ${i + 1}");
}
}
@mdecourse
mdecourse / five_pointed_star5.dart
Last active December 26, 2019 16:52
完成五芒星的空心與實心繪圖
// 因為要應用 html 表單以及 canvas 繪圖物件因此要導入 dart:html 程式庫
import 'dart:html';
// 因為需要用到三角函式以及 pi 來執行運算求點座標, 因此要導入 dart:math 程式庫
// 而對於初學者而言, 將所導入的數學程式庫, 特別又命名為 Math, 目的在讓使用者了解那些函式來自 math 程式庫
import 'dart:math' as Math;
// 這裡將 canvas 與 ctx 變數設計為全域變數, 表示有效範圍擴及整個程式
// 在 Dart 程式中宣告完變數後, 直接賦予初始值, 也可以分兩段式賦值
// 但是若宣告與複製分兩段且位於同一 block 區段, 就會產生重複宣告變數的錯誤, 所以這裡採宣告後直接賦值
CanvasElement canvas = querySelector('#canvas');
@mdecourse
mdecourse / five_pointed_star4.dart
Last active December 26, 2019 16:53
畫五芒星外點的五條直線
// 因為要應用 html 表單以及 canvas 繪圖物件因此要導入 dart:html 程式庫
import 'dart:html';
// 因為需要用到三角函式以及 pi 來執行運算求點座標, 因此要導入 dart:math 程式庫
// 而對於初學者而言, 將所導入的數學程式庫, 特別又命名為 Math, 目的在讓使用者了解那些函式來自 math 程式庫
import 'dart:math' as Math;
// 這裡將 canvas 與 ctx 變數設計為全域變數, 表示有效範圍擴及整個程式
// 在 Dart 程式中宣告完變數後, 直接賦予初始值, 也可以分兩段式賦值
// 但是若宣告與複製分兩段且位於同一 block 區段, 就會產生重複宣告變數的錯誤, 所以這裡採宣告後直接賦值
CanvasElement canvas = querySelector('#canvas');