A Web-based IDE for Generative...
Transcript of A Web-based IDE for Generative...
![Page 2: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/2.jpg)
Generative Design
2
![Page 3: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/3.jpg)
Exemplos de GD em arquitetura.3
![Page 4: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/4.jpg)
IDEs for Generative Design
4
![Page 5: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/5.jpg)
5
![Page 6: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/6.jpg)
6
![Page 7: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/7.jpg)
7
![Page 8: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/8.jpg)
IDE in the Web
8
![Page 9: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/9.jpg)
IDE como aplicação
web
9
![Page 10: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/10.jpg)
10
![Page 11: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/11.jpg)
11
![Page 12: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/12.jpg)
12
![Page 13: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/13.jpg)
13
![Page 14: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/14.jpg)
14
![Page 15: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/15.jpg)
15
Problem
![Page 16: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/16.jpg)
16
Requirements
No installation or updates
Help the programming process
Traceability
Immediate feedback
Intuitive parameter adjustment
Integrate into the architect’s workflow
![Page 17: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/17.jpg)
Luna Moth
17
![Page 18: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/18.jpg)
18
![Page 19: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/19.jpg)
Luna Moth - Demo
19
![Page 20: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/20.jpg)
Workflow Integration
20
![Page 21: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/21.jpg)
21
![Page 22: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/22.jpg)
22
![Page 23: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/23.jpg)
Performance Evaluation
23
![Page 24: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/24.jpg)
Performance Evaluation
24
Examples that can be generated by programs
Compared with other IDEs
Grasshopper, Rosetta, OpenJSCAD
![Page 25: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/25.jpg)
25
![Page 26: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/26.jpg)
Future work
Better integration
faster
more design tools
Better development experience
illustrated programming
timetable traceability
code completion
error reporting
Collaboration26
![Page 27: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/27.jpg)
Contributions
27
Luna Moth: A Web-based Programming Environment for Generative Design
35th eCAADe conference: Sharing of Computable Knowledge (accepted)
Luna Moth: Supporting Creativity in the Cloud
37th ACADIA conference: Disciplines & Disruption (submitted)
![Page 28: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/28.jpg)
Thank you
28
![Page 29: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/29.jpg)
29
![Page 30: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/30.jpg)
Implementation
30
![Page 31: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/31.jpg)
Rendering
31
![Page 32: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/32.jpg)
Rendering
32
Convert Render
Results Three.js Scene Image
function sphereCube(w, sphR) {
let sph = sphere.byRadius(sphR);
return [
translate(sph).byXYZ(0, 0, 0),
translate(sph).byXYZ(w, 0, 0),
translate(sph).byXYZ(w, w, 0),
translate(sph).byXYZ(0, w, 0),
];
}
let g = sphereCube(10, 1);
g;
Run
![Page 33: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/33.jpg)
Traceability
33
Camera
Ray
Rendered
Object
Result
ValueAST Node Highlight
Text
CoordsAST Node
Expression
Results
Rendered
ObjectsHighlight
![Page 34: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/34.jpg)
Running for Traceability
34
![Page 35: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/35.jpg)
Running for Traceability
35
function sphereCube(w, sphR) {
let sph = sphere.byRadius(sphR);
return [
translate(sph).byXYZ(0, 0, 0),
translate(sph).byXYZ(w, 0, 0),
translate(sph).byXYZ(w, w, 0),
translate(sph).byXYZ(0, w, 0),
];
}
let g = sphereCube(10, 1);
g;
Parser Transform
Generate Run
function sphereCube(w, sphR) {
let sph = sphere.byRadius(sphR);
return [
translate(sph).byXYZ(0, 0, 0),
translate(sph).byXYZ(w, 0, 0),
translate(sph).byXYZ(w, w, 0),
translate(sph).byXYZ(0, w, 0),
];
}
let g = sphereCube(10, 1);
g;
Program ASTTransformed
AST
Instrumented Program
ResultsExpr -> Results
![Page 36: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/36.jpg)
Literal Adjustment
36
0.19 -> 0 19 -> 019 -> +6 025 -> 0.25
str -> str -> int -> int -> str
![Page 37: A Web-based IDE for Generative Designweb.ist.utl.pt/.../theses_pres/2017_AWeb-basedIDEforGenerativeDesign.pdf · A Web-based IDE for Generative Design Pedro Alfaiate pedro.alfaiate@tecnico.ulisboa.pt](https://reader030.fdocuments.in/reader030/viewer/2022040721/5e2debdc4c3c737c79401d48/html5/thumbnails/37.jpg)
Workflow Integration
run without traceability -> call operations on Rosetta Remote Service (as in RPC)
37
RunGenerate
in Tool
Start
Service