-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
142 lines (134 loc) · 7.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html class=" -moz-">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>TOOLL3 - Open Source Motion Graphics</title>
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token"
content="7yYlFX6/lfo/TC9jbn0BlOqniqcPiTpWu239qLJ+WTZU0Nn7QyXrC50mBy1rTbrnJWQkqO9ZisDxsGEYvS9kAA==">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="icon" type="image/png" sizes="192x192" href="images/favicon-192px.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32px.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96px.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16px.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="jsEnabled">
<div class="outer">
<div class="section info">
<content>
<div class="title">
<header>
<b>TOOLL3</b><br />
Open source Motion GFX
</header>
<p class="socialmedia">
<a class="youtube" href="https://www.youtube.com/pixtur"></a>
<a class="discord" href="https://discord.gg/YmSyQdeH3S"></a>
<a class="github" href="https://github.com/tooll3/t3"></a>
</p>
</div>
<div class="description">
<p>
TOOLL3 is an open source software to create realtime motion graphics. We are targeting the sweet
spot between real-time rendering, graph-based procedural content generation and linear keyframe
animation and editing. This combination allows…
<ul>
<li>artists to build audio reactive vj content</li>
<li>use advanced interfaces for exploring parameters</li>
<li>or to combine keyframe animation with automation</li>
</ul>
Technical artists can also dive deeper and use tool for advanced development of fragment or compute
shaders or to add input from midi controllers and sensors or sources like OSC or Spout.
</p>
<p>
We hope to bring together a community of artists, developers and creative tinkerers to drive the
design and development of the software as a free open source project.
</p>
</div>
<div class="links">
<a href="https://github.com/tooll3/t3/releases">Releases</a>
<a href="https://github.com/tooll3/t3">Source code</a>
<a href="https://github.com/tooll3/t3/wiki">Documentation</a>
<a href="https://github.com/tooll3/t3/wiki/Installation">Installation</a>
<a
href="https://www.youtube.com/watch?v=PrxhwOC9hLw&list=PLj-rnPROvbn3LigXGRSDvmLtgTwmNHcQs">Tutorials</a>
<a href="https://discord.gg/YmSyQdeH3S">Discord</a>
<a href="https://github.com/orgs/tooll3/projects/1">Roadmap</a>
<a class="download"
href="https://github.com/tooll3/t3/releases/download/v3.9.3/Tooll-v3.9.3.zip">Download
v3.9.3</a>
</div>
</content>
</div>
<section>
<div class='video'>
<figure class='video'>
<a href="https://www.youtube.com/watch?v=asiY0Jo1oJw">
<img class='placeholder' src='https://img.youtube.com/vi/asiY0Jo1oJw/maxresdefault.jpg'>
</a>
<iframe width="1920" height="1080"
src="https://www.youtube-nocookie.com/embed/asiY0Jo1oJw?hd=1&rel=0&autohide=1&showinfo=0&wmode=transparent"
frameborder="0" allowfullscreen></iframe>
</figure>
</div>
</section>
<section>
<div class='video'>
<figure class='video'>
<a href="https://www.youtube.com/watch?v=_zvzX0fZ8sc">
<img class='placeholder' src='https://img.youtube.com/vi/_zvzX0fZ8sc/maxresdefault.jpg'>
</a>
<iframe width="1920" height="1080"
src="https://www.youtube-nocookie.com/embed/_zvzX0fZ8sc?hd=1&rel=0&autohide=1&showinfo=0&wmode=transparent"
frameborder="0" allowfullscreen></iframe>
</figure>
</div>
</section>
<section>
<div class='video'>
<figure class='video'>
<a href="https://www.youtube.com/watch?v=WK4j0H-oM3g">
<img class='placeholder' src='https://img.youtube.com/vi/WK4j0H-oM3g/maxresdefault.jpg'>
</a>
<iframe width="1920" height="1080"
src="https://www.youtube-nocookie.com/embed/WK4j0H-oM3g?hd=1&rel=0&autohide=1&showinfo=0&wmode=transparent"
frameborder="0" allowfullscreen></iframe>
</figure>
</div>
</section>
<section>
<div class='video'>
<figure class='video'>
<a href="https://www.youtube.com/watch?v=PrxhwOC9hLw">
<img class='placeholder' src='https://img.youtube.com/vi/PrxhwOC9hLw/maxresdefault.jpg'>
</a>
<iframe width="1920" height="1080"
src="https://www.youtube-nocookie.com/embed/PrxhwOC9hLw?hd=1&rel=0&autohide=1&showinfo=0&wmode=transparent"
frameborder="0" allowfullscreen></iframe>
</figure>
</div>
</section>
<div id="S4" class="contact section footer">
<div class="legal">
<section>
<p>
Privacy Statement: We care for your privacy. That's why we avoid collecting any personal data:
We don't use cookies,
neither do we use any form of tracking or analytics tools. We use hashes for logging IP
addresses. However, we embed content from youtube and songkick and it's likely that these
services collect some data. If you have any questions, please use the following contact
information.
</p>
<p>
Contact: Thomas Mann / c/o Framefield / Gustav-Meyer-Allee 25 / 13355 Berlin / +49 (0)30 600 52
742 /
<a href="mailto:[email protected]">[email protected]</a>
</p>
</section>
</div>
</div>
</div>
</body>
</html>