Колесо удачи (Колесо фортуны) - Кликайте по колесу, чтобы получить ответ да или нет, или поменяйте ответы на свои.

Развернуть на весь экран

?

var padding = {top:20, right:40, bottom:0, left:0}, w = "500" - padding.left - padding.right, h = "500" - padding.top - padding.bottom, r = Math.min(w, h)/2, rotation = 0, oldrotation = 0, picked = 100000, color = d3.scale.category20();//category20c() //randomNumbers = getRandomNumbers(); var data = [ {"label":"ДА", "value":"v1"}, // padding {"label":"НЕТ", "value":"v2"}, //font-family {"label":"ДА", "value":"v3"}, // padding {"label":"НЕТ", "value":"v4"}, //font-family ]; var svg = d3.select('#chart') .append("svg") .data([data]) .attr("width", w + padding.left + padding.right) .attr("height", h + padding.top + padding.bottom) .attr("id", "svg1"); var container = svg.append("g") .attr("class", "chartholder") .attr("transform", "translate(" + (w/2 + padding.left) + "," + (h/2 + padding.top) + ")"); var vis = container .append("g"); var pie = d3.layout.pie().sort(null).value(function(d){return 1;}); // declare an arc generator function var arc = d3.svg.arc().outerRadius(r); // select paths, use arc generator to draw var arcs = vis.selectAll("g.slice") .data(pie) .enter() .append("g") .attr("class", "slice"); arcs.append("path") .attr("fill", function(d, i){ return color(i); }) .attr("d", function (d) { return arc(d); }); // add the text arcs.append("text").attr("transform", function(d){ d.innerRadius = 0; d.outerRadius = r; d.angle = (d.startAngle + d.endAngle)/2; return "rotate(" + (d.angle * 180 / Math.PI - 90) + ")translate(" + (d.outerRadius -10) +")"; }) .attr("text-anchor", "end") .attr("id", function(d, i) { return data[i].value; }) .text( function(d, i) { return data[i].label; }); container.on("click", spin); function spin(d){ var ps = 360/data.length, pieslice = Math.round(2440/data.length), rng = Math.floor((Math.random() * 2440) + 360); rotation = (Math.round(rng / ps) * ps); picked = Math.round(data.length - (rotation % 360)/ps); picked = picked >= data.length ? (picked % data.length) : picked; rotation += 90 - Math.round(ps/2); vis.transition() .duration(3000) .attrTween("transform", rotTween) .each("end", function(){ //mark question as seen /* d3.select(".slice:nth-child(" + (picked + 1) + ") path") .attr("fill", "#111");*/ //populate question d3.select("#question h1") .text(data[picked].label); oldrotation = rotation; }); } //make arrow svg.append("g") .attr("transform", "translate(" + (w + padding.left + padding.right) + "," + ((h/2)+padding.top) + ")") .append("path") .attr("d", "M-" + (r*.15) + ",0L0," + (r*.05) + "L0,-" + (r*.05) + "Z") .style({"fill":"#007bff"}) .style({"border":"2px solid #21a912"}); //draw spin circle container.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 10) .style({"fill":"white","cursor":"pointer"}); //spin text /* container.append("text") .attr("x", 0) .attr("y", 15) .attr("text-anchor", "middle") .text("SPIN") .style({"font-weight":"bold", "font-size":"30px"});*/ function rotTween(to) { var i = d3.interpolate(oldrotation % 360, rotation); return function(t) { return "rotate(" + i(t) + ")"; }; } function getRandomNumbers(){ var array = new Uint16Array(1000); var scale = d3.scale.linear().range([360, 2440]).domain([0, 100000]); if(window.hasOwnProperty("crypto") && typeof window.crypto.getRandomValues === "function"){ window.crypto.getRandomValues(array); console.log("works"); } else { //no support for crypto, get crappy random numbers for(var i=0; i < 1000; i++){ array[i] = Math.floor(Math.random() * 100000) + 1; } } return array; }

Варианты ответов:

Добавить поле:

Размер колеса:



Колесо Фортуны — Колесо удачи

Поставьте сайту лайк пожалуйста!

Колесо фортуны работает по принципу случайных чисел. Колесо фортуныКаждый оборот колеса абсолютно случайный выбор. Вы можете использовать колесо удачи для ответов да или нет. Или для выбора победителя. Введите вместо ответов да или нет свой вариант. Если вам не хватает полей то добавьте любое их количество ниже. Наше колесо можно увеличивать или уменьшать по вашим потребностям. Кроме того колесо фортуны можно развернуть на весь экран.

Выбор победителя или приза с колесом удачи

Используйте колесо удачи для выбора победителя, или участника вашей игры. Просто введите имена участников и крутите колесо. Кроме того можно разыгрывать различные призы с колесом фортуны. Введите названия призов и начинайте его крутить. Весь процесс такого розыгрыша можно снять на видео. И выложить в интернете. Тогда все участники розыгрыша будут уверены в честности розыгрыша.

Любит не любит — создайте свое гадания онлайн.

Вы можете создать свое эксклюзивное гадание с колесом фортуны. Введите значение секторов и гадайте здесь онлайн. Вы можете создать простое гадание «любит не любит». Или гадание с большим количеством ответов. Используйте это колесо фортуны креативно. Например чтобы решить что одеть. Куда сегодня пойти. Есть множество применений для колеса фортуны . Здесь главное — ваша фантазия.