ConstValue.swift
//
// ConstValue.swift
// Roulette
//
// Created by akira ohmachi on 2021/04/03.
//
import SwiftUI
class ConstValue: ObservableObject {
//background
static let colorBg: Color = Color.init(red:0.59,green:0.51,blue:0.33)
//button color
static let colorStart: Color = Color.init(red:0.238, green:0.77, blue:0.387)
static let colorSetting: Color = Color.init(red:0.543, green:0.77, blue:0.289)
static let colorArcArray: Array<Color> = [
Color.init(red: 234 / 256, green: 123 / 256, blue: 132 / 256),
Color.init(red: 240 / 256, green: 196 / 256, blue: 123 / 256),
Color.init(red: 247 / 256, green: 239 / 256, blue: 123 / 256),
Color.init(red: 192 / 256, green: 217 / 256, blue: 139 / 256),
Color.init(red: 123 / 256, green: 197 / 256, blue: 156 / 256),
Color.init(red: 123 / 256, green: 201 / 256, blue: 235 / 256),
Color.init(red: 123 / 256, green: 173 / 256, blue: 211 / 256),
Color.init(red: 138 / 256, green: 139 / 256, blue: 189 / 256),
Color.init(red: 194 / 256, green: 127 / 256, blue: 186 / 256),
Color.init(red: 233 / 256, green: 123 / 256, blue: 185 / 256),
]
static let colorArcs: Array<Color> = [
colorArcArray[0],
colorArcArray[2],
colorArcArray[4],
colorArcArray[6],
colorArcArray[8],
colorArcArray[1],
colorArcArray[3],
colorArcArray[5],
colorArcArray[7],
colorArcArray[9],
colorArcArray[0],
colorArcArray[2],
colorArcArray[4],
colorArcArray[6],
colorArcArray[8],
colorArcArray[1],
colorArcArray[3],
colorArcArray[5],
colorArcArray[7],
colorArcArray[9],
]
static let colorArcDarkArray: Array<Color> = [
Color.init(red: 222 / 256, green: 0 / 256, blue: 17 / 256),
Color.init(red: 234 / 256, green: 145 / 256, blue: 0 / 256),
Color.init(red: 247 / 256, green: 232 / 256, blue: 0 / 256),
Color.init(red: 137 / 256, green: 188 / 256, blue: 30 / 256),
Color.init(red: 0 / 256, green: 147 / 256, blue: 66 / 256),
Color.init(red: 0 / 256, green: 154 / 256, blue: 225 / 256),
Color.init(red: 0 / 256, green: 101 / 256, blue: 176 / 256),
Color.init(red: 28 / 256, green: 31 / 256, blue: 131 / 256),
Color.init(red: 140 / 256, green: 7 / 256, blue: 126 / 256),
Color.init(red: 220 / 256, green: 0 / 256, blue: 123 / 256),
]
static let colorArcDarks: Array<Color> = [
colorArcDarkArray[0],
colorArcDarkArray[2],
colorArcDarkArray[4],
colorArcDarkArray[6],
colorArcDarkArray[8],
colorArcDarkArray[1],
colorArcDarkArray[3],
colorArcDarkArray[5],
colorArcDarkArray[7],
colorArcDarkArray[9],
colorArcDarkArray[0],
colorArcDarkArray[2],
colorArcDarkArray[4],
colorArcDarkArray[6],
colorArcDarkArray[8],
colorArcDarkArray[1],
colorArcDarkArray[3],
colorArcDarkArray[5],
colorArcDarkArray[7],
colorArcDarkArray[9],
]
}
ContentView.swift
//
// ContentView.swift
// Roulette
//
// Created by akira ohmachi on 2021/04/03.
//
import SwiftUI
struct ContentView: View {
@EnvironmentObject var pub: PublicManager
@State private var choiceResult: String = "result"
@State private var busyFlag: Bool = false
@State private var destroyFlag: Bool = false
@State private var colorBg: Color = Color.white
@State private var itemRateSum: Double = 0.0
@State private var currentItems: Array<PublicManager.Item> = []
@State private var actionState: Int = 0
@State private var actionCount: Int = 0
@State private var actionAngle: Double = 0.0
struct ArcState {
var start: Double
var end: Double
var color1: Color
var color2: Color
var name: String
init(start: Double, end: Double, color1: Color, color2: Color, name: String) {
self.start = start
self.end = end
self.color1 = color1
self.color2 = color2
self.name = name
}
func isDraw() -> Bool {
if self.start == 0.0 && self.end == 0.0 {
return false
}
return true
}
mutating func setHidden() {
self.start = 0.0
self.end = 0.0
}
}
//start=0,end=0の場合は描画しない
@State private var arcs: Array<ArcState> = [
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
ArcState(start: 0, end: 0, color1: Color.black, color2: Color.black, name: ""),
]
//doubleを入力用stringに変換
func itemRatioValue(num: Double) -> String {
if num == 0.0 {
return ""
} else {
let numInt: Int = Int(num)
if Double(numInt) == num {
return String(numInt)
} else {
return String(num)
}
}
}
var body: some View {
NavigationView {
GeometryReader { bodyView in
VStack(spacing: 0) {
HStack(spacing: 0) {
Button(action:{
self.startRoulette()
}){
Text("start")
.frame(width: bodyView.size.width / 4 * 3, height: bodyView.size.height / 6, alignment: .center)
.background(ConstValue.colorStart)
.foregroundColor(Color.white)
}
Rectangle().fill(Color.white).frame(width: 1, height: bodyView.size.height / 6)
NavigationLink(destination: SettingView(),isActive: self.$pub.isSetting) {
Button(action:{
if (self.busyFlag) {
return
}
for i in 0..<self.pub.items.count {
self.pub.tmpItems[i].name = self.pub.items[i].name
self.pub.tmpItems[i].ratio = self.itemRatioValue(num: self.pub.items[i].ratio)
}
self.pub.tmpItemSplit = self.pub.itemSplit
self.pub.tmpItemReverse = self.pub.itemReverse
self.pub.isSetting = true
}){
Text("setting")
.frame(width: bodyView.size.width / 4, height: bodyView.size.height / 6, alignment: .center)
.background(ConstValue.colorSetting)
.foregroundColor(Color.white)
}
}
}
.frame(width: bodyView.size.width, height: bodyView.size.height / 6)
Rectangle().fill(Color.white).frame(width: bodyView.size.width, height: 1)
ZStack(alignment: .bottom) {
ScrollView {
Spacer(minLength: bodyView.size.height / 40)
Text(self.choiceResult).animation(.none)
Spacer(minLength: bodyView.size.height / 40)
ZStack {
self.baseArc(size: bodyView.size.width)
ForEach(0..<self.arcs.count) {
if self.arcs[$0].isDraw() {
self.fillArc(start: self.arcs[$0].start, end: self.arcs[$0].end, color1: self.arcs[$0].color1, color2: self.arcs[$0].color2, size: bodyView.size.width)
}
}
ForEach(0..<self.arcs.count) {
if self.arcs[$0].isDraw() {
self.arcText(start: self.arcs[$0].start, end: self.arcs[$0].end, name: self.arcs[$0].name, size: bodyView.size.width)
}
}
}
Spacer(minLength: 150)
}
HStack(spacing: 0) {
Spacer(minLength: 0)
PublicManager.AdView().frame(maxWidth: bodyView.size.width, maxHeight: 50)
Spacer(minLength: 0)
}.background(Color(red: 0.2,green: 0.2,blue: 0.2))
}
}
.background(self.colorBg)
//.navigationBarTitle("")
.navigationBarHidden(true)
}
}
.navigationViewStyle(StackNavigationViewStyle())
.onAppear { //アプリ起動時に実行
self.pub.loadItems()
self.initItemData()
self.drawRoulette()
}
.onChange(of: self.pub.isSetting) { _ in //SettingViewからの戻り
if self.pub.isSetting == false {
self.initItemData()
self.drawRoulette()
}
}
.onDisappear { //アプリ終了時
self.destroyFlag = true
}
}
private func startRoulette() {
if self.busyFlag {
return
}
self.busyFlag = true
self.initItemData()
self.actionState = 0
self.actionCount = 0
self.actionTimeline()
}
private func initItemData() {
self.itemRateSum = 0.0
self.currentItems = []
for i in 0..<self.pub.items.count {
if self.pub.items[i].name != "" {
self.currentItems.append(self.pub.items[i])
self.itemRateSum += self.pub.items[i].ratio
}
}
if self.pub.itemSplit { //4倍にするか
for _ in 0..<3 { //3回同じことを繰り返す
for i in 0..<self.pub.items.count {
if self.pub.items[i].name != "" {
self.currentItems.append(self.pub.items[i])
self.itemRateSum += self.pub.items[i].ratio
}
}
}
}
if self.pub.itemReverse {
self.currentItems = self.currentItems.reversed()
}
//Viewの状態を初期化
for i in 0..<self.arcs.count {
self.arcs[i].setHidden()
}
//Viewの値をセット
for i in 0..<self.currentItems.count {
self.arcs[i].color1 = ConstValue.colorArcs[i % 10]
self.arcs[i].color2 = ConstValue.colorArcDarks[i % 10]
self.arcs[i].name = self.currentItems[i].name
}
}
//animation
private func actionTimeline() {
withAnimation {
if self.destroyFlag {
return
}
self.drawRoulette()
if self.actionState == 0 {
self.actionAngle += Double(self.actionCount)
self.actionCount += 1
if self.actionCount > 50 {
self.actionAngle = self.actionAngle.truncatingRemainder(dividingBy: 360.0)
self.actionCount = 0
self.actionState = 1
}
} else if self.actionState == 1 {
self.actionAngle += 89.7 + Double(self.actionCount / 10)
self.actionCount += 1
if self.actionCount > 50 {
self.actionAngle += Double.random(in: 0..<360.0)
self.actionAngle = self.actionAngle.truncatingRemainder(dividingBy: 360.0)
self.actionCount = 0
self.actionState = 2
}
} else if self.actionState == 2 {
self.actionAngle += 100.0 - Double(self.actionCount / 2)
self.actionCount += 1
if self.actionCount > 200 {
self.actionAngle = self.actionAngle.truncatingRemainder(dividingBy: 360.0)
self.actionCount = 0
self.actionState = 3
}
} else if self.actionState == 3 {
self.busyFlag = false
return
}
DispatchQueue.global().async {
Thread.sleep(forTimeInterval: 0.02)
DispatchQueue.main.sync {
if self.destroyFlag == false {
self.actionTimeline()
}
}
}
}
}
private func drawRoulette() {
var startAngle: Double = self.actionAngle
//判定結果計算
var nowSelectItem: Int = -1
for i in 0..<self.currentItems.count {
let currentAngle: Double = self.currentItems[i].ratio / self.itemRateSum * 360.0 //書こうとする扇形の確度
let startAngleTmp: Double = startAngle.truncatingRemainder(dividingBy: 360.0)
if ((startAngleTmp <= 270.0) && (startAngleTmp + currentAngle > 270.0)) || ((startAngleTmp >= 270.0) && (startAngleTmp + currentAngle >= 630.0)) {
nowSelectItem = i
break
}
startAngle += currentAngle
}
//判定結果表示 back color
if nowSelectItem != -1 { //念のため
self.colorBg = ConstValue.colorArcs[nowSelectItem % 10]
}
//円グラフ
startAngle = self.actionAngle
for i in 0..<self.currentItems.count {
let currentAngle: Double = self.currentItems[i].ratio / self.itemRateSum * 360.0 //書こうとする扇形の確度
//circle
self.arcs[i].start = startAngle
self.arcs[i].end = startAngle + currentAngle
//
startAngle += currentAngle
}
//判定結果表示 text
if (nowSelectItem != -1) { //念のため
self.choiceResult = self.currentItems[nowSelectItem].name
}
}
private func baseArc(size: CGFloat) -> some View {
return Arc(startAngle: .degrees(-89), endAngle: .degrees(269))
.fill(Color.white)
.frame(width: size * 0.9, height: size * 0.9, alignment: .center)
.animation(.none)
}
private func fillArc(start: Double, end: Double, color1: Color, color2: Color, size: CGFloat) -> some View {
return ZStack {
Arc(startAngle: .degrees(start), endAngle: .degrees(end))
.fill(color1)
.frame(width: size * 0.85, height: size * 0.85, alignment: .center)
.animation(.none)
Arc(startAngle: .degrees(start), endAngle: .degrees(end))
.fill(color2)
.frame(width: size * 0.5, height: size * 0.5, alignment: .center)
.animation(.none)
}
}
private func arcText(start: Double, end: Double, name: String, size: CGFloat) -> some View {
let textAngle: CGFloat = CGFloat(((start + end) / 2.0)) + 90.0
let textX: CGFloat = CGFloat(sin(textAngle * CGFloat.pi / 180) * (size / 3))
let textY: CGFloat = CGFloat(cos(textAngle * CGFloat.pi / 180) * (size / 3) * -1)
return ZStack {
Text(name)
.offset(x: textX, y: textY)
.font(.footnote)
.animation(.none)
}
}
}
struct Arc: Shape {
var startAngle: Angle
var endAngle: Angle
func path(in rect: CGRect) -> Path {
var path = Path()
path.addLines([CGPoint(x:rect.midX, y:rect.midY)])
path.addArc(center: CGPoint(x: rect.midX, y: rect.midY), radius: rect.width / 2, startAngle: startAngle, endAngle: endAngle, clockwise: false)
//path.addLine(to: CGPoint(x:rect.midX, y:rect.midY))
return path
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView().environmentObject(PublicManager())
}
}