Source
1size 800 600
2background #f4f1ea
3use "gesture"
4
5var sx = 200
6var sy = 200
7var rot = 0
8
9scene {
10 layer "Rail" {
11 group "Rail" at 400,200 pivot 0,0 {
12 layer "c" {
13 path "M-205 -8L205 -8L205 8L-205 8Z" fill #1b1d2218
14 }
15 }
16 }
17 layer "Bouton" {
18 group "Bouton" at 400,430 pivot 0,0 {
19 layer "c" {
20 path "M70.0 0.0L65.78 23.94L53.62 45.0L35.0 60.62L12.16 68.94L-12.16 68.94L-35.0 60.62L-53.62 45.0L-65.78 23.94L-70.0 0.0L-65.78 -23.94L-53.62 -45.0L-35.0 -60.62L-12.16 -68.94L12.16 -68.94L35.0 -60.62L53.62 -45.0L65.78 -23.94Z" fill radial(0.5, 0.5, 0.5, 0:#7aa2ff, 1:#3a5fb0)
21 path "M12 -6L66 -6L66 6L12 6Z" fill #ffffff
22 }
23 }
24 }
25 layer "Curseur" {
26 group "Curseur" pivot 0,0 {
27 layer "c" {
28 path "M22.0 0.0L20.67 7.52L16.85 14.14L11.0 19.05L3.82 21.67L-3.82 21.67L-11.0 19.05L-16.85 14.14L-20.67 7.52L-22.0 0.0L-20.67 -7.52L-16.85 -14.14L-11.0 -19.05L-3.82 -21.67L3.82 -21.67L11.0 -19.05L16.85 -14.14L20.67 -7.52Z" fill #ef5350
29 }
30 }
31 }
32}
33
34object "Curseur" {
35 dragX sx { confine to Rail }
36 x = sx
37 y = sy
38}
39
40object "Bouton" {
41 when dragged {
42 rot = angle(self.x, self.y, mouse.x, mouse.y)
43 }
44 rotation = rot
45}
Galerie
FR
FrançaisEnglish

Curseur & bouton rotatif

Scène animée · 800×600 · 24 img/s
FlatInk
InteractifGlisser
Gérer (admin)
Informations
Type
Scène animée
Dimensions
800 × 600
Cadence
24 img/s
Durée
2.5 s · 60 images
Téléchargements
Page web autonome Ouvrir dans l'éditeur
FlatInk