สร้างภาพเคลื่อนไหวแบบวงกลมมายา


84

งานของคุณคือการเคลื่อนไหวนี้ภาพลวงตาวงกลม ดูเหมือนว่าจุดที่หมุนอยู่ภายในวงกลม แต่จริงๆแล้วมันจะเคลื่อนที่เป็นเส้นตรง

ป้อนคำอธิบายรูปภาพที่นี่

เกณฑ์

  • ผลลัพธ์จะต้องเป็นภาพเคลื่อนไหว วิธีที่คุณทำแอนิเมชั่นนั้นไม่เกี่ยวข้องมันสามารถสร้าง a .gifมันสามารถวาดไปที่หน้าต่างหน้าจออุปกรณ์หรืออะไรก็ได้
  • นี่คือการประกวดความนิยมดังนั้นคุณอาจต้องการเพิ่มคุณสมบัติเพิ่มเติมบางอย่างลงในโปรแกรมของคุณเพื่อรับการโหวตเพิ่มขึ้นเช่นการเปลี่ยนแปลงจำนวนคะแนน
  • ผู้ชนะคือคำตอบที่ถูกโหวตมากที่สุด7 วันหลังจากการส่งที่ถูกต้องครั้งสุดท้าย
  • คำตอบที่จะนำคะแนนไปใช้ในการเคลื่อนที่เป็นเส้นตรงและไม่ใช่วิธีอื่นที่จะได้รับการต้อนรับ

"ผู้ชนะคือผู้โหวตสูงสุดที่ถูกต้องหลังจาก 7 วัน" ดังนั้นถ้ามีคนโพสต์บางอย่างทุก 6 วันจนกว่าดวงดาวจะตายเราก็ไม่มีผู้ชนะ
Kevin L

3
@KevinL ที่ไม่น่าจะเกิดขึ้นและฉันไม่คิดว่าตัวแทนพิเศษทั้ง 15 คนนั้นมีความสำคัญเมื่อเทียบกับ upvotes ทั้งหมดที่คุณได้รับจากคำถามนี้ที่ถูกกระแทกไปด้านบนทุก 6 วัน
Martin Ender

1
บางครั้งผมสงสัยว่าคนบางคนที่ทำสิ่งเหล่านี้เพียงเพื่อให้ได้งานที่ทำได้ ...
แดเนียล Pendergast

3
"ดูเหมือนว่าจุดที่หมุนอยู่ภายในวงกลม แต่จริงๆแล้วพวกมันกำลังเคลื่อนที่เป็นเส้นตรง" หรือบางทีพวกมันหมุนรอบตัวเป็นวงกลมและดูเหมือนจะเคลื่อนที่เป็นเส้นตรง ...
coredump

1
ไม่สามารถ .. รับอนิเมชั่นนี้ออกจากใจของฉัน .. โดยเฉพาะรุ่น 3 จุด!
โทมัส

คำตอบ:


126

Python 3.4

การใช้โมดูลเต่า เต่าเป็นสีที่ต่างกันและพวกมันมักจะหันไปในทิศทางเดียวกันดังนั้นพวกมันสามารถมองเห็นได้อย่างง่ายดายว่ากำลังเคลื่อนที่เป็นเส้นตรงโดยมุ่งไปที่หนึ่งในนั้น อย่างไรก็ตามภาพลวงตาของวงกลมยังคงแข็งแกร่ง

11 เต่า

ภาพลวงตายังคงค่อนข้างแข็งแกร่งแม้จะมีเพียง 3 หรือ 4 เต่า:

3 เต่า4 เต่า

อัตราเฟรมจะลดลงอย่างมากสำหรับตัวอย่าง GIF เหล่านี้ทั้งหมด แต่ดูเหมือนว่าจะไม่เบี่ยงเบนจากภาพลวงตา การรันโค้ดในเครื่องจะให้ภาพเคลื่อนไหวที่นุ่มนวลขึ้น

import turtle
import time
from math import sin, pi
from random import random


def circle_dance(population=11, resolution=480, loops=1, flip=0, lines=0):
    population = int(population)
    resolution = int(resolution)
    radius = 250
    screen = turtle.Screen()
    screen.tracer(0)
    if lines:
        arrange_lines(population, radius)
    turtles = [turtle.Turtle() for i in range(population)]
    for i in range(population):
        dancer = turtles[i]
        make_dancer(dancer, i, population)
    animate(turtles, resolution, screen, loops, flip, radius)


def arrange_lines(population, radius):
    artist = turtle.Turtle()
    for n in range(population):
        artist.penup()
        artist.setposition(0, 0)
        artist.setheading(n / population * 180)
        artist.forward(-radius)
        artist.pendown()
        artist.forward(radius * 2)
    artist.hideturtle()


def make_dancer(dancer, i, population):
    dancer.setheading(i / population * 180)
    dancer.color(random_turtle_colour())
    dancer.penup()
    dancer.shape('turtle')
    dancer.turtlesize(2)


def random_turtle_colour():
    return random() * 0.9, 0.5 + random() * 0.5, random() * 0.7


def animate(turtles, resolution, screen, loops, flip, radius):
    delay = 4 / resolution      # 4 seconds per repetition
    while True:
        for step in range(resolution):
            timer = time.perf_counter()
            phase = step / resolution * 2 * pi
            draw_dancers(turtles, phase, screen, loops, flip, radius)
            elapsed = time.perf_counter() - timer
            adjusted_delay = max(0, delay - elapsed)
            time.sleep(adjusted_delay)


def draw_dancers(turtles, phase, screen, loops, flip, radius):
    population = len(turtles)
    for i in range(population):
        individual_phase = (phase + i / population * loops * pi) % (2*pi)
        dancer = turtles[i]
        if flip:
            if pi / 2 < individual_phase <= 3 * pi / 2:
                dancer.settiltangle(180)
            else:
                dancer.settiltangle(0)
        distance = radius * sin(individual_phase)
        dancer.setposition(0, 0)
        dancer.forward(distance)
    screen.update()


if __name__ == '__main__':
    import sys
    circle_dance(*(float(n) for n in sys.argv[1:]))

สำหรับความคมชัดนี่คือบางส่วนที่หมุนได้จริง:

23 เต่าเต่า23 เต่าพระฉายาลักษณ์

... หรือไม่

รหัสสามารถเรียกใช้กับอาร์กิวเมนต์ 5 ตัวเลือก ได้แก่ ประชากรความละเอียดลูปการพลิกและเส้น

  • population คือจำนวนเต่า
  • resolution คือความละเอียดของเวลา (จำนวนเฟรมภาพเคลื่อนไหวต่อการทำซ้ำ)
  • loopsกำหนดจำนวนเต่าที่วนกลับมาเอง ค่าเริ่มต้นของ 1 ให้วงกลมมาตรฐานจำนวนคี่อื่น ๆ ให้จำนวนของลูปในสายของเต่าในขณะที่แม้ตัวเลขให้สายของเต่าที่ตัดการเชื่อมต่อที่ปลาย แต่ยังคงมีภาพลวงตาของการเคลื่อนไหวโค้ง
  • flipหากไม่ใช่ศูนย์จะทำให้เต่าหมุนตัวในทิศทางของการเดินทางกลับ (ตามคำแนะนำของaslumเพื่อไม่ให้ถอยหลัง โดยค่าเริ่มต้นพวกเขารักษาทิศทางที่คงที่เพื่อหลีกเลี่ยงสิ่งรบกวนสายตาที่จุดสิ้นสุด
  • lines หากไม่ใช่ศูนย์จะแสดงบรรทัดที่เต่าเคลื่อนย้ายเพื่อให้สอดคล้องกับภาพตัวอย่างในคำถาม

ตัวอย่างกับชุดที่มีและไม่มีflip linesฉันออกจากตัวอย่างหลักด้านบนโดยไม่มีการพลิกเนื่องจากฉันไม่ต้องการให้มีการกระโดดเป็นระยะ ๆ แต่ขอบของวงกลมดูราบรื่นกว่าเต่าทุกตัวในแนวเดียวกันดังนั้นตัวเลือกจึงมีให้ผู้คนเลือกสไตล์ที่พวกเขาชอบเมื่อวิ่ง รหัส.

11 เต่ากับพลิกและเส้น11 เต่าพร้อมพลิก

อาจไม่ชัดเจนเลยว่าภาพทั้งหมดข้างต้นเกิดจากรหัสเดียวกันนี้อย่างไร โดยเฉพาะอย่างยิ่งรูปภาพที่ไกลออกไปซึ่งมีลูปด้านนอกช้าและลูปด้านในอย่างรวดเร็ว (อันที่ดูเหมือน cardioid ที่บางคนทิ้งไว้โดยไม่ตั้งใจ) ฉันซ่อนคำอธิบายของสิ่งนี้ไว้ด้านล่างในกรณีที่ทุกคนต้องการที่จะชะลอการค้นพบในขณะที่ทำการทดลอง / คิด

อนิเมชั่นที่มีวงในและด้านนอกที่มีขนาดแตกต่างกันนั้นถูกสร้างขึ้นโดยการตั้งค่าจำนวนลูปเป็น 15 และปล่อยให้จำนวนเต่าที่ 23 (ต่ำเกินไปที่จะเป็นตัวแทนของ 15 ลูป) การใช้เต่าจำนวนมากจะทำให้เกิดการวนซ้ำ 15 วงอย่างชัดเจน การใช้เต่าน้อยเกินไปส่งผลให้เกิดนามแฝง (ด้วยเหตุผลเดียวกับในการประมวลผลภาพและการแสดงผล) การพยายามแสดงความถี่สูงเกินไปส่งผลให้มีการแสดงความถี่ต่ำด้วยการบิดเบือน

ลองใช้ตัวเลขที่แตกต่างกันฉันพบว่าการบิดเบือนเหล่านี้น่าสนใจกว่าต้นฉบับที่สมมาตรมากกว่าดังนั้นฉันต้องการรวมไว้ที่นี่ ...


18
ฉันชอบเต่า.
FreeAsInBeer

18
ฉันปอกเปลือก +1 สำหรับเต่า
MrEngineer13

@ProgramFOX ขอบคุณสำหรับการเน้นไวยากรณ์! ฉันค้นหาผ่านความช่วยเหลือและเมตาและเชื่อมั่นในตัวเองว่าเราไม่ได้เน้นไวยากรณ์บนโค้ดกอล์ฟ - ตอนนี้ฉันมีความสุขมากขึ้น
trichoplax

1
@ asum ที่จะเป็นการเปลี่ยนแปลงที่ตรงไปตรงมา แต่ฉันต้องการให้การปฐมนิเทศของพวกเขาแข็งตัวเพื่อเน้นย้ำว่าพวกเขาไม่เบี่ยงเบนไปจากเส้นทางสายตรงของพวกเขา บางทีฉันควรเพิ่มลงในรหัสเป็นตัวเลือกเพื่อให้ผู้คนสามารถเลือกวิธีที่พวกเขาต้องการ
trichoplax

4
+1 - มันยอดเยี่ยมมากที่ได้เห็นวงโยธวาทิตทำสิ่งที่สนุกกว่านี้!
mkoistinen

96

C

ผลลัพธ์:

ป้อนคำอธิบายรูปภาพที่นี่

#include <stdio.h>
#include <Windows.h>
#include <Math.h>

int round (double r) { return (r > 0.0) ? (r + 0.5) : (r - 0.5); }
void print (int x, int y, char c) {
    COORD p = { x, y };
    SetConsoleCursorPosition(GetStdHandle(STD_OUTPUT_HANDLE), p);
    printf("%c", c);
}

int main ()
{
    float pi = 3.14159265358979323846;
    float circle = pi * 2;
    int len = 12;
    int hlen = len / 2;
    int cx = 13;
    int cy = 8;
    float w = 11.0;
    float h =  8.0;
    float step = 0.0;

    while (1)
    {
        system("cls"); // xD

        for (int i = 0; i < len; i++)
        {
            float a = (i / (float)len) * circle;
            int x = cx + round(cos(a) * w);
            int y = cy + round(sin(a) * h);
            print(x, y, 'O');

            if (i < hlen) continue;

            step -= 0.05;
            float range = cos(a + step);
            x = cx + round(cos(a) * (w - 1) * range);
            y = cy + round(sin(a) * (h - 1) * range);
            print(x, y, 'O');
        }

        Sleep(100);
    }

    return 0;
}

3
ในบางเฟรมมันค่อนข้างออก แต่ขอแสดงความยินดีกับการทำมันใน ASCII!
justhalf

10
+1 สำหรับ ASCII และsystem("cls"); // xD
Christoph Böhmwalder

1
นี่คือสิ่งที่สวยงาม
trichoplax

1
อันนี้ใช้ได้กับ linux (แม้ว่าจะค่อนข้างน่าสังเวช)
user824294

ความคิดเห็นเกี่ยวกับผู้รับผิดชอบ: "นี่ไม่ใช่ C! มาตรฐานไม่ได้กำหนด Sleep, COORD หรือ SetConsoleCursorPosition!"
immibis

52

SVG (ไม่มี Javascript)

ลิงก์ JSFiddle ที่นี่

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 380 380" width="380" height="380" version="1.0">
  <g transform="translate(190 190)">
    <circle cx="0" cy="0" r="190" fill="#000"/>
    <line x1="0" y1="-190" x2="0" y2="190" stroke="#fff" stroke-width="1.5"/>
    <line x1="72.71" y1="175.54" x2="-72.71" y2="-175.54" stroke="#fff" stroke-width="1.5"/>
    <line x1="134.35" y1="134.35" x2="-134.35" y2="-134.35" stroke="#fff" stroke-width="1.5"/>
    <line x1="175.54" y1="72.71" x2="-175.54" y2="-72.71" stroke="#fff" stroke-width="1.5"/>
    <line x1="190" y1="0" x2="-190" y2="0" stroke="#fff" stroke-width="1.5"/>
    <line x1="175.54" y1="-72.71" x2="-175.54" y2="72.71" stroke="#fff" stroke-width="1.5"/>
    <line x1="134.35" y1="-134.35" x2="-134.35" y2="134.35" stroke="#fff" stroke-width="1.5"/>
    <line x1="72.71" y1="-175.54" x2="-72.71" y2="175.54" stroke="#fff" stroke-width="1.5"/>
    <g transform="rotate(0)">
      <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0" to="360" begin="0" dur="8s" repeatCount="indefinite"/>
      <g transform="translate(0 90)">
        <g transform="rotate(0)">
          <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0" to="-360" begin="0" dur="4s" repeatCount="indefinite"/>
          <circle cx="0" cy="90" r="10" fill="#fff"/>
          <circle cx="63.64" cy="63.64" r="10" fill="#fff"/>
          <circle cx="90" cy="0" r="10" fill="#fff"/>
          <circle cx="63.64" cy="-63.64" r="10" fill="#fff"/>
          <circle cx="0" cy="-90" r="10" fill="#fff"/>
          <circle cx="-63.64" cy="-63.64" r="10" fill="#fff"/>
          <circle cx="-90" cy="0" r="10" fill="#fff"/>
          <circle cx="-63.64" cy="63.64" r="10" fill="#fff"/>
        </g>
      </g>
    </g>
  </g>
</svg>

อืมฉันแน่ใจว่านี่ผ่านการรวบรวมกฎ แต่โดยส่วนตัวแล้วฉันผิดหวังที่คุณกำลังทำสิ่งที่ตรงกันข้าม แทนที่จะ“ ดูเหมือนว่าจุด [กำลัง] หมุนอยู่ภายในวงกลม แต่จริงๆแล้วพวกมันเคลื่อนที่เป็นเส้นตรง ” คุณปฏิบัติดังนี้:“ ดูเหมือนว่าจุด [กำลัง] เคลื่อนที่เป็นเส้นตรง แต่จริงๆแล้วพวกมันเป็น แค่หมุนเข้าไปในวงกลม
mkoistinen

คำตอบที่ราบรื่นที่สุด!
ดีเร็ก朕會功夫

14
@ mkoistinen ฉันเห็นสิ่งที่คุณหมายถึง แต่จุดที่กำลังเคลื่อนไหวเป็นเส้นตรง มันง่ายกว่าที่จะคำนวณตำแหน่งของพวกเขาด้วยการหมุนสองครั้ง :-)
squeamish ossifrage

คุณทำด้วยมือ 'ทั้งหมดหรือคุณใช้ตัวแก้ไข (ไม่ใช่ข้อความ) ชนิดใด ๆ ?
ข้อผิดพลาด

5
@flawr ฉันเพียงแค่ใช้โปรแกรมแก้ไขข้อความธรรมดาและเครื่องคิดเลขในโทรศัพท์ของฉันในการทำงานจากตัวเลข :-)
ossifrage คลื่นไส้

47

http://jsfiddle.net/z6vhD/13/

intervaltimeเปลี่ยน FPS (FPS = 1000 / ช่วงเวลา)
ballsเปลี่ยน # balls
maxstepปรับ # ก้าวในรอบที่ยิ่งใหญ่กว่า 'เรียบ' มันเป็น 64 ควรมีขนาดใหญ่พอที่จะปรากฏอย่างราบรื่น

จำลองเป็นวงกลมเคลื่อนที่แทนที่จะเคลื่อนที่ลูกบอลไปตามแนวเส้น แต่เอฟเฟกต์ภาพ (ควรเป็น?) เหมือนกัน โค้ดบางตัวค่อนข้างละเอียด แต่นี่ไม่ใช่โค้ดกอล์ฟดังนั้น ...

var intervalTime = 40;
var balls = 8;
var maxstep = 64;

var canvas = $('#c').get(0); // 100% necessary jquery
var ctx = canvas.getContext('2d');
var step = 0;

animateWorld = function() {
    createBase();
    step = step % maxstep;
    var centerX = canvas.width/2 + 115 * Math.cos(step * 2 / maxstep * Math.PI);
    var centerY = canvas.height/2 + 115 * Math.sin(step * 2 / maxstep * Math.PI);

    for (var i=0; i<balls; i++) {
        drawCircle(ctx, (centerX + 115 * Math.cos((i * 2 / balls - step * 2 / maxstep) * Math.PI)), (centerY + 115 * Math.sin((i * 2 / balls - step * 2 / maxstep) * Math.PI)), 10, '#FFFFFF');     
    }

    step++;
}

function createBase() {
    drawCircle(ctx, canvas.width/2, canvas.height/2, 240, '#000000');
    for(var i=0; i<balls*2; i++) {
        drawLine(ctx, canvas.width/2, canvas.height/2, canvas.width/2 + 240 * Math.cos(i / balls * Math.PI), canvas.height/2 + 240 * Math.sin(i / balls * Math.PI), '#FFFFFF');
    }
}

function drawLine(context, x1, y1, x2, y2, c) {
    context.beginPath();
    context.moveTo(x1,y1);
    context.lineTo(x2,y2);
    context.lineWidth = 3;
    context.strokeStyle = c;
    context.stroke();
}

function drawCircle(context, x, y, r, c) {
    context.beginPath();
    context.arc(x, y, r, 0, 2*Math.PI);
    context.fillStyle = c;
    context.fill();
}

function drawRect(context, x, y, w, h, c) {
    context.fillStyle = c;
    context.fillRect(x, y, w, h);
}

$(document).ready(function() {
    intervalID = window.setInterval(animateWorld, intervalTime);
});

2
มันราบรื่นมาก! ดีมาก.
nneonneo

5
อย่าใช้ setInterval สำหรับภาพเคลื่อนไหวที่ใช้แทน requestAnimationFrame ดัดแปลง JSFiddlerequestAnimationFrameใช้
klingt.net

1
มีเพียงการปรับแต่งพารามิเตอร์บางอย่างที่คุณจะได้รับสิ่งที่แตกต่างกันมาก
FreeAsInBeer

@KevinL ใช่เพิ่งสังเกตเห็นเช่นกัน Updated
FreeAsInBeer

1
@FreeAsInBeer โอ้เมื่อคุณพูดสิ่งที่แตกต่างออกไปฉันคิดว่าคุณหมายถึงเหมือนในjsfiddle.net/z6vhD/100
Kevin L

41

ภาพเคลื่อนไหว CSS

โซลูชันที่ใช้เฉพาะภาพเคลื่อนไหว css เท่านั้น (ดูภาพเคลื่อนไหวบน JSFiddle - โปรดทราบว่าฉันได้เพิ่มคำนำหน้าเฉพาะเบราว์เซอร์ในซอเพื่อให้สามารถทำงานได้ในเวอร์ชันล่าสุด)

<body>
    <div id="w1"></div>
    <div id="w2"></div>
    <div id="w3"></div>
    <div id="w4"></div>
    <div id="w5"></div>
    <div id="w6"></div>
    <div id="w7"></div>
    <div id="w8"></div>
</body>


div {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: red;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

#w1 { animation-name: s1; animation-delay: 0.0s }
#w2 { animation-name: s2; animation-delay: 0.5s }
#w3 { animation-name: s3; animation-delay: 1.0s }
#w4 { animation-name: s4; animation-delay: 1.5s }
#w5 { animation-name: s5; animation-delay: 2.0s }
#w6 { animation-name: s6; animation-delay: 2.5s }
#w7 { animation-name: s7; animation-delay: 3.0s }
#w8 { animation-name: s8; animation-delay: 3.5s }

@keyframes s1 { from {top: 100px; left:   0px;} to {top: 100px; left: 200px;} } 
@keyframes s2 { from {top:  62px; left:   8px;} to {top: 138px; left: 192px;} } 
@keyframes s3 { from {top:  29px; left:  29px;} to {top: 171px; left: 171px;} } 
@keyframes s4 { from {top:   8px; left:  62px;} to {top: 192px; left: 138px;} } 
@keyframes s5 { from {top:   0px; left: 100px;} to {top: 200px; left: 100px;} } 
@keyframes s6 { from {top:   8px; left: 138px;} to {top: 192px; left:  62px;} } 
@keyframes s7 { from {top:  29px; left: 171px;} to {top: 171px; left:  29px;} } 
@keyframes s8 { from {top:  62px; left: 192px;} to {top: 138px; left:   8px;} } 

3
ซอไม่ทำงานกับฉันใน Chrome ล่าสุด = /
mkoistinen

1
@mkoistinen - คุณต้องเพิ่มคำนำหน้าอื่นเพื่อให้สามารถทำงานในเบราว์เซอร์ที่แตกต่างกัน ( -webkit-สำหรับ Webkit-based และ-moz-สำหรับ Mozilla) นี่คือซอเดียวกันกับคำนำหน้าอัปเดต: jsfiddle.net/nBCxz/3
Derek 朕會功夫

@mkoistinen คุณพูดถูก ซอใหม่เพิ่มคำนำหน้าเบราว์เซอร์ที่จำเป็นทั้งหมดและทำงานบน Chrome ล่าสุด
โฮเวิร์ด

ข้อความลิงก์ดิบขาดหายไปในวงเล็บปิด - ยังใช้งานได้อย่างสมบูรณ์แบบเพียงแจ้งให้คุณทราบในกรณีที่คุณต้องการแก้ไข (ฉันไม่สามารถทำได้เนื่องจากมีการเปลี่ยนแปลงน้อยกว่า 6 ตัวอักษร)
trichoplax

35

มาติกา

นี่คือการส่งตรงไปตรงมาสวย

animateCircle[n_] := Animate[Graphics[
   Flatten@{
     Disk[],
     White,
     Map[
      (
        phase = #*2 \[Pi]/n;
        line = {Cos[phase], Sin[phase]};
        {Line[{-line, line}],
         Disk[Sin[t + phase]*line, 0.05]}
        ) &,
      Range[n]
      ]
     },
   PlotRange -> {{-1.1, 1.1}, {-1.1, 1.1}}
   ],
  {t, 0, 2 \[Pi]}
  ]

หากคุณโทรหาanimateCircle[32]คุณจะได้รับแอนิเมชั่นที่ประณีตมี 32 เส้นและวงกลม

ป้อนคำอธิบายรูปภาพที่นี่

มันราบรื่นอย่างสมบูรณ์ใน Mathematica แต่ฉันต้อง จำกัด จำนวนเฟรมสำหรับ GIF เล็กน้อย

ตอนนี้จะเกิดอะไรขึ้นถ้าคุณใส่แผ่นดิสก์สองแผ่นลงในแต่ละบรรทัด (นั่นคือเพิ่มDisk[-Sin[t + phase]*line, 0.05]ในรายการภายในMap.)

ป้อนคำอธิบายรูปภาพที่นี่

นอกจากนี้คุณยังสามารถวางพวกเขา 90 °ออกจากเฟส (ใช้Cosแทน-Sin):

ป้อนคำอธิบายรูปภาพที่นี่


ฉันไม่รู้สิ่งที่บกพร่องทำคุณหมายถึงอาจจะต้องเปลี่ยน{t, 0, 2 \[Pi]}ไป{t, 0, 2 \[Pi] - 2 \[Pi]/60, 2 \[Pi]/60}เพื่อที่จะไม่มีสองเฟรมเหมือนกันและเปลี่ยนไปAnimate Tableจากนั้นคุณจะสามารถส่งออก GIF
หวด

@ ไม่มีจริง ๆ แล้วมันจะทำให้เส้นแปลก ๆ เพิ่มเติมที่ไม่ได้อยู่ที่นั่นและแผ่นดิสก์ในสถานที่ที่พวกเขาไม่ควรจะ (และที่พวกเขาไม่เคยอยู่ในผลลัพธ์ที่แท้จริงของAnimate) ฉันจะลองใช้Tableอีกครั้ง
Martin Ender

@swish นั่นใช้ได้ผล ฉันคิดว่าฉันลองอะไรแบบนี้เมื่อวานนี้ แต่ดูเหมือนว่าฉันจะไม่ทำ
Martin Ender

25

แผนภูมิวงกลม VBScript + VBA + Excel

นี่จะทำให้ตัวประมวลผลของคุณร้องไห้เล็กน้อย แต่มันก็ดูดีและฉันเชื่อว่ามันใช้งานได้ตามสเป็ค ฉันใช้คำตอบของ @ Fabricio เป็นแนวทางในการใช้อัลกอริทึมการเคลื่อนไหวแบบวงกลม

แก้ไข: ทำการปรับเปลี่ยนบางอย่างเพื่อปรับปรุงความเร็วการเรนเดอร์

สกรีนช็อตของแผนภูมิวงกลม

รหัส:

'Open Excel
Set objX = CreateObject("Excel.Application")
objX.Visible = True
objX.Workbooks.Add

'Populate values
objX.Cells(1, 1).Value = "Lbl"
objX.Cells(1, 2).Value = "Amt"
For fillX = 2 to 17
    objX.Cells(fillX, 1).Value = "V"+Cstr(fillX-1)
    objX.Cells(fillX, 2).Value = "1"
Next

'Create pie
objX.Range("A2:B17").Select
objX.ActiveSheet.Shapes.AddChart.Select
With objX.ActiveChart
    .ChartType = 5 'pieChart
    .SetSourceData  objX.Range("$A$2:$B$17")
    .SeriesCollection(1).Select
End with    

'Format pie
With objX.Selection.Format
    .Fill.ForeColor.RGB = 0 'black
    .Fill.Solid
    .Line.Weight = 2
    .Line.Visible = 1
    .Line.ForeColor.RGB = 16777215 'white
End With

'animation variables
pi = 3.14159265358979323846
circle = pi * 2 : l  = 16.0
hlen = l / 2    : cx = 152.0
cy = 99.0       : w  = 90.0
h  = 90.0       : s  = 0.0
Dim posArry(7,1)

'Animate
While 1 
  For i = 0 to hlen-1
    a = (i / l) * circle
    range = cos(a + s)
    x = cx + cos(a) * w * range
    y = cy + sin(a) * h * range

    If whileInx = 1 Then 
        createOval x, y
    ElseIf whileInx = 2 Then 
        objX.ActiveChart.Legend.Select
    ElseIf whileInx > 2 Then
        ovalName = "Oval "+ Cstr(i+1)
        dx = x - posArry(i,0)
        dy = y - posArry(i,1)
        moveOval ovalName, dx, dy
    End if

    posArry(i,0) = x
    posArry(i,1) = y
  Next

  s=s-0.05
  wscript.Sleep 1000/60 '60fps
  whileInx = 1 + whileInx
Wend

'create circles
sub createOval(posX, posY)
    objX.ActiveChart.Shapes.AddShape(9, posX, posY, 10, 10).Select '9=oval
    objX.Selection.ShapeRange.Line.Visible = 0
    with objX.Selection.ShapeRange.Fill
       .Visible = 1
       .ForeColor.RGB = 16777215 'white
       .solid
    end with
end sub

'move circles
sub moveOval(ovalName, dx, dy)
    with objX.ActiveChart.Shapes(ovalName)      
        .IncrementLeft dx
        .IncrementTop  dy
    end with
end sub

มันขัดข้องสำหรับฉันที่บรรทัดที่ 81 ข้อผิดพลาด 80070057 "องค์ประกอบที่ไม่มีชื่อที่ระบุ" หรืออะไรทำนองนี้ (แปลกลับมาจากฮังการีนั่นคือสาเหตุที่ฉันไม่ทราบข้อความผิดพลาดที่แน่นอน)
marczellm

Szervusz, @marczellm ฉันสามารถทำซ้ำข้อผิดพลาดนั้นเมื่อฉันคลิกนอกแผนภูมิในขณะที่ "เคลื่อนไหว" คุณต้องให้มันโฟกัสมิฉะนั้นโปรแกรมจะผิดพลาด มิฉะนั้นอาจเกิดจากความไม่เข้ากันกับ Office ฉันใช้ Office 2010 บน Win7
อย่างสะดวกสบายลดลง

Office 2007, Win7 ดูเหมือนว่าในกรณีของฉันแผนภูมิไม่ได้รับการโฟกัสเลย
marczellm

21

Excel, 161 ไบต์

สันทัด

=2*PI()*(NOW()*24*60*60/A2-FLOOR(NOW()*24*60*60/A2,1))
=ROUND(7*SIN(A1),0)
=ROUND(5*SIN(A1+1*PI()/4),0)
=ROUND(7*SIN(A1+2*PI()/4),0)
=ROUND(5*SIN(A1+3*PI()/4),0)

A2 (จุด) กำหนดเวลา (วินาที) สำหรับ 'การปฏิวัติ' แบบเต็ม

แต่ละเซลล์ภายในบรรทัดนั้นเป็นเงื่อนไขพื้นฐานที่เกี่ยวข้องกับค่าของบรรทัดที่เกี่ยวข้อง ตัวอย่างเช่น K2 คือ:

 =1*(A5=7)

และเซลล์กลาง (K9) คือ:

=1*OR(A5=0,A6=0,A7=0,A8=0)

บังคับให้เคลื่อนไหวโดยจับ 'ลบ' บนเซลล์สุ่มเพื่อเรียกการรีเฟรชอย่างต่อเนื่อง

ฉันรู้ว่านี่เป็นหัวข้อเก่า แต่กิจกรรมเมื่อเร็ว ๆ นี้นำมาสู่อันดับต้น ๆ ฟัง pcg เป็นเวลานานผู้โทรครั้งแรก สุภาพอ่อนโยน


ว้าวน่าประหลาดใจมากที่คุณสามารถทำได้ด้วย Excel: D
Beta Decay

15

เพียงเพื่อความสนุกกับ PSTricks

ป้อนคำอธิบายรูปภาพที่นี่

\documentclass[preview,border=12pt,multi]{standalone}
\usepackage{pstricks}

\psset{unit=.3}

% static point
% #1 : half of the number of points
% #2 : ith point
\def\x[#1,#2]{(3*cos(Pi/#1*#2))}
\def\y[#1,#2]{(3*sin(Pi/#1*#2))}

% oscillated point
% #1 : half of the number of points
% #2 : ith point
% #3 : time parameter
\def\X[#1,#2]#3{(\x[#1,#2]*cos(#3+Pi/#1*#2))}
\def\Y[#1,#2]#3{(\y[#1,#2]*cos(#3+Pi/#1*#2))}

% single frame
% #1 : half of the number of points
% #2 : time parameter
\def\Frame#1#2{%
\begin{pspicture}(-3,-3)(3,3)
    \pstVerb{/I2P {AlgParser cvx exec} bind def}%
    \pscircle*{\dimexpr3\psunit+2pt\relax}
    \foreach \i in {1,...,#1}{\psline[linecolor=yellow](!\x[#1,\i] I2P \y[#1,\i] I2P)(!\x[#1,\i] I2P neg \y[#1,\i] I2P neg)}
    \foreach \i in {1,...,#1}{\pscircle*[linecolor=white](!\X[#1,\i]{#2} I2P \Y[#1,\i]{#2} I2P){2pt}}   
\end{pspicture}}

\begin{document}
\foreach \t in {0,...,24}
{   
    \preview
    \Frame{1}{2*Pi*\t/25} \quad \Frame{2}{2*Pi*\t/25} \quad \Frame{3}{2*Pi*\t/25} \quad \Frame{5}{2*Pi*\t/25} \quad \Frame{10}{2*Pi*\t/25}
    \endpreview
}
\end{document}

11

Fortran

แต่ละเฟรมถูกสร้างเป็นไฟล์ gif แต่ละตัวโดยใช้โมดูล Fortran gif ที่: http://fortranwiki.org/fortran/show/writegif
จากนั้นฉันโกงนิดหน่อยโดยใช้ ImageMagick เพื่อรวม gif แต่ละอันเข้าด้วยกันเป็น gif แบบเคลื่อนไหวหนึ่งอัน

Fortran

UPDATE: ตั้งค่าใหม่ = .true เพื่อรับสิ่งต่อไปนี้:

ป้อนคำอธิบายรูปภาพที่นี่

program circle_illusion

use, intrinsic :: iso_fortran_env, only: wp=>real64
use gif_util  !gif writing module from http://fortranwiki.org/fortran/show/writegif

implicit none

logical,parameter :: new = .false.

integer,parameter  :: n        = 500  !550  !size of image (square)     
real(wp),parameter :: rcircle  = n/2  !250  !radius of the big circle
integer,parameter  :: time_sep = 5    !deg

real(wp),parameter :: deg2rad = acos(-1.0_wp)/180.0_wp
integer,dimension(0:n,0:n):: pixel     ! pixel values
integer,dimension(3,0:3)  :: colormap  ! RGB 0:255 for colors 0:ncol    
real(wp),dimension(2)     :: xy
integer,dimension(2)      :: ixy
real(wp)                  :: r,t
integer                   :: i,j,k,row,col,m,n_cases,ang_sep
character(len=10)         :: istr

integer,parameter  :: black = 0
integer,parameter  :: white = 1
integer,parameter  :: red   = 2
integer,parameter  :: gray  = 3    
colormap(:,0) = [0,0,0]          !black
colormap(:,1) = [255,255,255]    !white
colormap(:,2) = [255,0,0]        !red
colormap(:,3) = [200,200,200]    !gray

if (new) then
    ang_sep = 5
    n_cases = 3
else
    ang_sep = 20
    n_cases = 0
end if

do k=0,355,time_sep

    !clear entire image:
    pixel = white      

    if (new) call draw_circle(n/2,n/2,black,n/2)  

    !draw polar grid:    
    do j=0,180-ang_sep,ang_sep
        do i=-n/2, n/2
            call spherical_to_cartesian(dble(i),dble(j)*deg2rad,xy)
            call convert(xy,row,col)
            if (new) then
                pixel(row,col) = gray
            else
                pixel(row,col) = black  
            end if  
        end do
    end do

    !draw dots:
    do m=0,n_cases
        do j=0,360-ang_sep,ang_sep
            r = sin(m*90.0_wp*deg2rad + (k + j)*deg2rad)*rcircle                
            t = dble(j)*deg2rad    
            call spherical_to_cartesian(r,t,xy)
            call convert(xy,row,col)
            if (new) then
                !call draw_circle(row,col,black,10)  !v2
                !call draw_circle(row,col,m,5)       !v2
                call draw_circle(row,col,white,10)   !v3
            else
                call draw_square(row,col,red)        !v1
            end if
        end do
    end do

    !write the gif file for this frame:        
    write(istr,'(I5.3)') k
    call writegif('gifs/test'//trim(adjustl(istr))//'.gif',pixel,colormap)

end do

!use imagemagick to make animated gif from all the frames:
! from: http://thanosk.net/content/create-animated-gif-linux
if (new) then
    call system('convert -delay 5 gifs/test*.gif -loop 0 animated.gif')
else
    call system('convert -delay 10 gifs/test*.gif -loop 0 animated.gif')
end if

!delete individual files:
call system('rm gifs/test*.gif')

contains

    subroutine draw_square(r,c,icolor)

    implicit none
    integer,intent(in) :: r,c  !row,col of center
    integer,intent(in) :: icolor

    integer,parameter :: d = 10 !square size

    pixel(max(0,r-d):min(n,r+d),max(0,c-d):min(n,c+d)) = icolor

    end subroutine draw_square

    subroutine draw_circle(r,c,icolor,d)

    implicit none
    integer,intent(in) :: r,c  !row,col of center
    integer,intent(in) :: icolor
    integer,intent(in) :: d  !diameter

    integer :: i,j

    do i=max(0,r-d),min(n,r+d)
        do j=max(0,c-d),min(n,c+d)
            if (sqrt(dble(i-r)**2 + dble(j-c)**2)<=d) &
                pixel(i,j) = icolor
        end do
    end do

    end subroutine draw_circle

    subroutine convert(xy,row,col)

    implicit none
    real(wp),dimension(2),intent(in) :: xy  !coordinates
    integer,intent(out) :: row,col

    row = int(-xy(2) + n/2.0_wp)
    col = int( xy(1) + n/2.0_wp)

    end subroutine convert

    subroutine spherical_to_cartesian(r,theta,xy)

    implicit none
    real(wp),intent(in) :: r,theta
    real(wp),dimension(2),intent(out) :: xy

    xy(1) = r * cos(theta)
    xy(2) = r * sin(theta)

    end subroutine spherical_to_cartesian

end program circle_illusion

1
ฉันชอบผลกระทบ 'squish' สำหรับองค์ประกอบแนวตั้งและแนวนอน
นักวิ่งพอร์ตแลนด์

11

รุ่นC64บังคับ

คัดลอกและวางในโปรแกรมจำลองที่คุณชื่นชอบ:

รุ่น C64

1 print chr$(147)
2 poke 53281,0
3 for p=0 to 7
5 x=int(11+(cos(p*0.78)*10)):y=int(12+(sin(p*0.78)*10))
6 poke 1024+x+(y*40),15
9 next p
10 for sp=2040 to 2047:poke sp,13:next sp
20 for i=0 to 62:read a:poke 832+i,a:next i
30 for i=0 to 7:poke 53287+i,i+1:next i
40 rem activate sprites
50 poke 53269,255
60 an=0.0
70 rem maincycle
75 teta=0.0:k=an
80 for i=0 to 7
90 px=cos(k)*64
92 s=i:x=px*cos(teta): y=px*sin(teta): x=x+100: y=y+137: gosub 210
94 teta=teta+0.392699
95 k=k+0.392699
96 next i
130 an=an+0.1
140 goto 70
150 end
200 rem setspritepos
210 poke 53248+s*2,int(x): poke 53249+s*2,int(y)
220 return
5000 data 0,254,0
5010 data 3,199,128
5020 data 7,0,64
5030 data 12,126,96
5040 data 25,255,48
5050 data 59,7,152
5060 data 52,1,200
5070 data 116,0,204
5080 data 120,0,100
5090 data 120,0,100
5100 data 120,0,100
5110 data 120,0,36
5120 data 104,0,36
5130 data 100,0,108
5140 data 54,0,72
5150 data 51,0,152
5160 data 25,131,16
5170 data 12,124,96
5180 data 4,0,64
5190 data 3,1,128
5200 data 0,254,0

10

รุ่นจาวาสคริปต์ขนาดกะทัดรัดเปลี่ยนการตั้งค่าเริ่มต้นเป็นสิ่งที่แตกต่าง

http://jsfiddle.net/yZ3DP/1/

HTML:

<canvas id="c" width="400" height="400" />

JavaScript:

var v= document.getElementById('c');
var c= v.getContext('2d');
var w= v.width, w2= w/2;
var num= 28, M2= Math.PI*2, da= M2/num;
draw();
var bw= 10;
var time= 0;
function draw()
{
    v.width= w;
    c.beginPath();
    c.fillStyle= 'black';
    circle(w2,w2,w2);
    c.lineWidth= 1.5;
    c.strokeStyle= c.fillStyle= 'white';
    var a= 0;
    for (var i=0; i< num*2; i++){
        c.moveTo(w2,w2);
        c.lineTo(w2+Math.cos(a)*w2, w2+Math.sin(a)*w2);
        a+= da/2;
    }
    c.stroke();
    a= 0;
    for (var i=0; i< num; i++){
        circle(w2+Math.cos(a)*Math.sin(time+i*Math.PI/num)*(w2-bw), 
               w2+Math.sin(a)*Math.sin(time+i*Math.PI/num)*(w2-bw), bw);
        a+= da/2;
    }
    time+=0.03;
   requestAnimationFrame(draw);
}

function circle(x,y,r)
{
    c.beginPath();
    c.arc(x, y, r, 0, M2);
    c.fill();

}

2
คุณทำ ... โดนัทหรือไม่? จริงๆแล้วแอนิเมชั่นของคุณดูดีด้วยจุดเล็ก ๆ (ลองbw=10) โปรดแก้ไขคำตอบของคุณเพื่อแสดงรหัสของคุณ Oh, และในขณะที่คุณกำลังที่จะมีข้อผิดพลาดที่คุณควรจะแก้ไข: แทนที่time+i*0.39*0.29ด้วยในการคำนวณหนุนเพื่อให้พิกัดจะถูกคำนวณอย่างถูกต้องสำหรับค่าใดtime+i*Math.PI/numnum(PS อัปเดต JSFiddle ที่นี่และยินดีต้อนรับสู่ codegolf.stackexchange.com)
ossifrage

ฉันแค่อยากจะทำสิ่งที่แตกต่าง (เช่นเต่าหนึ่ง) สมัครสมาชิกที่นี่ด้วย codegolf :) โอ้และขอบคุณสำหรับสูตร: DI เพิ่งทำไปอย่างรีบเร่งและลองสุ่มค่าไม่หยุดนาทีเพื่อไปสู่สูตรที่ถูกต้อง: P
Diego

1
+1 การเปลี่ยนแปลงเล็กน้อยเพื่อความสนุกเล็กน้อย: http://jsfiddle.net/9TQrm/หรือhttp://jsfiddle.net/Wrqs4/1/
พอร์ตแลนด์รันเนอร์

4

ใช้เวลาของฉันกับเอล์ม ฉันเป็นผู้เริ่มต้นทั้งหมดที่ยินดีรับการประชาสัมพันธ์เพื่อปรับปรุงโซลูชันนี้ ( GitHub ) อย่างมีความสุข:

ป้อนคำอธิบายรูปภาพที่นี่

โปรดทราบว่าการส่งนี้เป็นจุดที่เคลื่อนไหวจริงๆเป็นเส้นตรง:

import Color exposing (..)
import Graphics.Collage exposing (..)
import Graphics.Element exposing (..)
import Time exposing (..)
import Window
import List exposing (..)
import AnimationFrame -- "jwmerrill/elm-animation-frame"
import Debug

-- CONFIG

size = 600
circleSize = 240
dotCount = 12
dotSize = 10
velocity = 0.01

-- MODEL

type alias Dot =
    { x : Float
    , angle : Float
    }

type alias State = List Dot

createDots : State
createDots = map createDot [ 0 .. dotCount - 1 ]

createDot : Int -> Dot
createDot index =
    let angle = toFloat index * pi / dotCount
    in { x = 0
       , angle = angle
       }

-- UPDATE

update : Time -> State -> State
update time dots = map (moveDot time) dots |> Debug.watch "Dots"

moveDot : Time -> Dot -> Dot
moveDot time dot =
  let t = velocity * time / pi
      newX = (-circleSize + dotSize) * cos(t + dot.angle)
  in { dot | x <- newX }

-- VIEW

view : State -> Element
view dots =
   let background = filled black (circle circleSize)
       dotLinePairs = map viewDotWithLine dots
   in collage size size (background :: dotLinePairs)

viewDotWithLine : Dot -> Form
viewDotWithLine dot =
  let dotView = viewDot dot
      lineView = createLineView
  in group [dotView , lineView] |> rotate dot.angle

viewDot : Dot -> Form
viewDot d = alpha 0.8 (filled lightOrange (circle dotSize)) |> move (d.x, 0)

createLineView : Form
createLineView = traced (solid white) (path [ (-size / 2.0, 0) , (size / 2.0, 0) ])

-- SIGNALS

main = Signal.map view (animate createDots)

animate : State -> Signal State
animate dots = Signal.foldp update dots time

time = Signal.foldp (+) 0 AnimationFrame.frame

4
เคอร์เซอร์นั้นหลอกฉันได้ดีและฉันก็ไม่ได้ดำหรือขนาดนั้น
โคล

2

ชีวิตที่สอง LSL

ภาพเคลื่อนไหว เริ่มต้นของภาพอัลฟาของเต่า (คลิกขวาด้านล่างเพื่อบันทึกรูปภาพ) สร้างภาพ
turtle.png
อัลฟาของเต่า (คลิกขวาด้านบนเพื่อบันทึกภาพ)

สร้างวัตถุ:
สร้างขนาดรูทรูของกระบอกสูบ <1, 1, 0.01> ชิ้น 0.49, 0.51, สี < 0, 0, 0>
ทำให้คำอธิบายของทรงกระบอกนี้ "8,1,1,1" โดยไม่มีเครื่องหมายอัญประกาศ (สำคัญมาก)
สร้างรูปทรงกระบอกชื่อว่า "ทรงกระบอก", สี <0.25, 0.25, 0.25> อัลฟา 0.5
ซ้ำกัน
ทำการสร้างกล่อง48 ครั้งตั้งชื่อมันว่า "ทรงกลม", สี <1, 1, 1> โปร่งใส 100 ยกเว้นด้านบนโปร่งใส 0
ใส่เนื้อเต่าของคุณไว้บนใบหน้า 0 ของกล่องเต่าควรเผชิญ + x
ทำซ้ำกล่อง 48 ครั้ง
เลือกกล่องทั้งหมดและกระบอกสูบให้แน่ใจว่าได้เลือกกระบอกสูบรูทสุดท้ายลิงค์ (ควบคุม L)

ใส่สคริปต์เหล่านี้ 2 ในราก:

//script named "dialog"
default
{
    state_entry()
    {

    }

    link_message(integer link, integer num, string msg, key id)
    {
        list msgs = llCSV2List(msg);
        key agent = (key)llList2String(msgs, 0);
        string prompt = llList2String(msgs, 1);
        integer chan = (integer)llList2String(msgs, 2);
        msgs = llDeleteSubList(msgs, 0, 2);
        llDialog(agent, prompt, msgs, chan);
    }
}

//script named "radial animation"
float interval = 0.1;
float originalsize = 1.0;
float rate = 5;
integer maxpoints = 48;
integer points = 23; //1 to 48
integer multiplier = 15;
integer lines;
string url = "https://codegolf.stackexchange.com/questions/34887/make-a-circle-illusion-animation/34891";

list cylinders;
list spheres;
float angle;
integer running;
integer chan;
integer lh;

desc(integer on)
{
    if(on)
    {
        string desc = 
            (string)points + "," +
            (string)multiplier + "," +
            (string)running + "," +
            (string)lines
            ;

        llSetLinkPrimitiveParamsFast(1, [PRIM_DESC, desc]);
    }
    else
    {
        list params = llCSV2List(llList2String(llGetLinkPrimitiveParams(1, [PRIM_DESC]), 0));
        points = (integer)llList2String(params, 0);
        multiplier = (integer)llList2String(params, 1);
        running = (integer)llList2String(params, 2);
        lines = (integer)llList2String(params, 3);
    }    
}

init()
{
    llSetLinkPrimitiveParamsFast(LINK_ALL_OTHERS, [PRIM_POS_LOCAL, ZERO_VECTOR, 
        PRIM_COLOR, ALL_SIDES, <1, 1, 1>, 0]);
    integer num = llGetNumberOfPrims();
    integer i;
    for(i = 2; i <= num; i++)
    {
        string name = llGetLinkName(i);

        if(name == "cyl")
            cylinders += [i];
        else if(name == "sphere")
            spheres += [i];
    }  

    vector size = llGetScale();
    float scale = size.x/originalsize;

    float r = size.x/4;
    vector cylindersize = <0.01*scale, 0.01*scale, r*4>;
    float arc = 180.0/points;

    for(i = 0; i < points; i++)
    {
        float angle = i*arc;
        rotation rot = llEuler2Rot(<0, 90, 0>*DEG_TO_RAD)*llEuler2Rot(<0, 0, angle>*DEG_TO_RAD);

        integer cyl = llList2Integer(cylinders, i);
        integer sphere = llList2Integer(spheres, i);

        llSetLinkPrimitiveParamsFast(1, [PRIM_LINK_TARGET, cyl, PRIM_POS_LOCAL, ZERO_VECTOR, PRIM_ROT_LOCAL, rot, PRIM_SIZE, cylindersize, PRIM_COLOR, ALL_SIDES, <0.25, 0.25, 0.25>, 0.5*lines,
        PRIM_LINK_TARGET, sphere, PRIM_COLOR, ALL_SIDES, <0.25 + llFrand(0.75), 0.25 + llFrand(0.75), 0.25 + llFrand(0.75)>, 1
        ]);
    }
}

run()
{
    vector size = llGetScale();
    float scale = size.x/originalsize;

    float r = size.x/2;
    vector spheresize = <0.06, 0.06, 0.02>*scale;
    float arc = 180.0/points;
    list params;
    integer i;
    for(i = 0; i < points; i++)
    {

        float x = r*llCos((angle + i*arc*multiplier)*DEG_TO_RAD);

        vector pos = <x, 0, 0>*llEuler2Rot(<0, 0, i*arc>*DEG_TO_RAD);
        rotation rot = llEuler2Rot(<0, 0, i*arc>*DEG_TO_RAD);
        integer link = llList2Integer(spheres, i);
        params += [PRIM_LINK_TARGET, link, PRIM_POS_LOCAL, pos,  
            PRIM_ROT_LOCAL, rot,
            PRIM_SIZE, spheresize
            //PRIM_COLOR, ALL_SIDES, <1, 1, 1>, 1
            ];
    }   

    llSetLinkPrimitiveParamsFast(1, params);
}

dialog(key id)
{
    string runningstring;
    if(running)
        runningstring = "notrunning";
    else
        runningstring = "running";

    string linesstring;
    if(lines)
        linesstring = "nolines";
    else
        linesstring = "lines";
    string prompt = "\npoints: " + (string)points + "\nmultiplier: " + (string)multiplier;
    string buttons = runningstring + ",points+,points-,reset,multiplier+,multiplier-," + linesstring + ",www";
    llMessageLinked(1, 0, (string)id + "," + prompt + "," + (string)chan + "," + buttons, "");
    //llDialog(id, prompt, llCSV2List(buttons), chan);
}

default
{
    state_entry()
    {
        chan = (integer)("0x" + llGetSubString((string)llGetKey(), -8, -1));
        lh = llListen(chan, "", "", "");

        desc(FALSE);
        init();
        run();
        llSetTimerEvent(interval);
    }

    on_rez(integer param)
    {
        llListenRemove(lh);
        chan = (integer)("0x" + llGetSubString((string)llGetKey(), -8, -1));
        lh = llListen(chan, "", "", "");
    }

    touch_start(integer total_number)
    {
        key id = llDetectedKey(0);
        dialog(id);
    }

    timer()
    {
        if(!running)
            return;

        angle += rate;
        if(angle > 360)
            angle -= 360;
        else if(angle < 0)
            angle += 360;

        run();
    }

    listen(integer channel, string name, key id, string msg)
    {
        if(msg == "points+")
        {
            if(points < maxpoints)
            {
                points++;
                desc(TRUE);
                llResetScript();            
            }
        }
        else if(msg == "points-")
        {
            if(points > 0)
            {
                points--;
                desc(TRUE);
                llResetScript();
            }
        }        
        else if(msg == "multiplier+")
        {
            multiplier++;
            desc(TRUE);
        }
        else if(msg == "multiplier-")
        {
            multiplier--;
            desc(TRUE);
        }
        else if(msg == "running")
        {
            running = TRUE;
            desc(TRUE);
        }
        else if(msg == "notrunning")
        {
            running = FALSE;
            desc(TRUE);
        }
        else if(msg == "lines")
        {
            lines = TRUE;
            desc(TRUE);
            llResetScript();
        }
        else if(msg == "nolines")
        {
            lines = FALSE;
            desc(TRUE);
            llResetScript();
        }
        else if(msg == "reset")
            llResetScript();
        else if(msg == "www")
            llRegionSayTo(id, 0, url);
        dialog(id);
    }
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.