フロントエンド開発、デザイン、動画制作、施設体験コンテンツ、アプリ開発、編集・執筆など、各種制作業務を行うr.c.o.株式会社の企業サイトです。
2020年のテーマ
If you think you can, or you think you can’t, you’re right.
Henry Ford
シンプルですが「できる」と思えばできる。「できない」と思えば何もできない。2020年という現在は、いままでにないほど変化が激しく、先行きが不透明な時代であると感じられます。まさに、世界は「過渡期」にある。そのなかでは、未来を予測するのは大変難しい。しかし、未来がわからないからと何もしなければ、寂しくつまらない結果しかありません。未来がわからないからこそ、新しいことに挑戦する。できると信じて、やり遂げる。2020年もr.c.o.は、失敗を恐れず、新たな分野への研究も惜しまず、さまざまなデジタル表現に挑戦し、実装していきます。
My Ultra Interactive Online Portfolio.
デジタルインスタレーション開発
「東京経済大学 120周年記念展示」各種体験型コンテンツ
アートディレクション
「AGEphone」シリーズのテレワーク活用
ウェブサイト
「マルチファンクションライト2」ページ制作
ウェブサイト
「東京経済大学WEBオープンキャンパス2020」
オブジェクトVR
デジタル教材用「微生物フィギュア」
ハッシュタグ連動スクリーン
「Jikasei Mensho」
Latest News
Check out the latest news and information from r.c.o.inc.
');
//div要素を取得する
var container = document.getElementById( "globalArea" );
//設定用のオブジェクト
var config = {
"control": {
"initCountry": "JP",
"halo": true
},
"color": {
"in": 16777215,
"out": 2141154,
"background": 12763842
},
"brightness": {
"ocean": 0.34,
"mentioned": 0.01,
"related": 0.05
}
}
//データを追加する
//ランダムで１０カ国を選択し、日本とリンクするデータを作成
/*
function conrty_code_list(){
const contry_code = {"BD": "AS", "BE": "EU", "BF": "AF", "BG": "EU", "BA": "EU", "BB": "NA", "WF": "OC", "BL": "NA", "BM": "NA","BN": "AS", "BO": "SA", "BH": "AS", "BI": "AF", "BJ": "AF", "BT": "AS", "JM": "NA", "BV": "AN", "BW": "AF","WS": "OC", "BQ": "NA", "BR": "SA", "BS": "NA", "JE": "EU", "BY": "EU", "BZ": "NA", "RU": "EU", "RW": "AF","RS": "EU", "TL": "OC", "RE": "AF", "TM": "AS", "TJ": "AS", "RO": "EU", "TK": "OC", "GW": "AF", "GU": "OC","GT": "NA", "GS": "AN", "GR": "EU", "GQ": "AF", "GP": "NA", "JP": "AS", "GY": "SA", "GG": "EU", "GF": "SA","GE": "AS", "GD": "NA", "GB": "EU", "GA": "AF", "SV": "NA", "GN": "AF", "GM": "AF", "GL": "NA", "GI": "EU","GH": "AF", "OM": "AS", "TN": "AF", "JO": "AS", "HR": "EU", "HT": "NA", "HU": "EU", "HK": "AS", "HN": "NA","HM": "AN", "VE": "SA", "PR": "NA", "PS": "AS", "PW": "OC", "PT": "EU", "SJ": "EU", "PY": "SA", "IQ": "AS", "PA": "NA", "PF": "OC", "PG": "OC", "PE": "SA", "PK": "AS", "PH": "AS", "PN": "OC", "PL": "EU", "PM": "NA", "ZM": "AF", "EH": "AF", "EE": "EU", "EG": "AF", "ZA": "AF", "EC": "SA", "IT": "EU", "VN": "AS", "SB": "OC", "ET": "AF", "SO": "AF", "ZW": "AF", "SA": "AS", "ES": "EU", "ER": "AF", "ME": "EU", "MD": "EU", "MG": "AF","MF": "NA", "MA": "AF", "MC": "EU", "UZ": "AS", "MM": "AS", "ML": "AF", "MO": "AS", "MN": "AS", "MH": "OC","MK": "EU", "MU": "AF", "MT": "EU", "MW": "AF", "MV": "AS", "MQ": "NA", "MP": "OC", "MS": "NA", "MR": "AF","IM": "EU", "UG": "AF", "TZ": "AF", "MY": "AS", "MX": "NA", "IL": "AS", "FR": "EU", "IO": "AS", "SH": "AF", "FI": "EU", "FJ": "OC", "FK": "SA", "FM": "OC", "FO": "EU", "NI": "NA", "NL": "EU", "NO": "EU", "NA": "AF", "VU": "OC", "NC": "OC", "NE": "AF", "NF": "OC", "NG": "AF", "NZ": "OC", "NP": "AS", "NR": "OC", "NU": "OC", "CK": "OC", "XK": "EU", "CI": "AF", "CH": "EU", "CO": "SA", "CN": "AS", "CM": "AF", "CL": "SA", "CC": "AS","CA": "NA", "CG": "AF", "CF": "AF", "CD": "AF", "CZ": "EU", "CY": "EU", "CX": "AS", "CR": "NA", "CW": "NA","CV": "AF", "CU": "NA", "SZ": "AF", "SY": "AS", "SX": "NA", "KG": "AS", "KE": "AF", "SS": "AF", "SR": "SA","KI": "OC", "KH": "AS", "KN": "NA", "KM": "AF", "ST": "AF", "SK": "EU", "KR": "AS", "SI": "EU", "KP": "AS","KW": "AS", "SN": "AF", "SM": "EU", "SL": "AF", "SC": "AF", "KZ": "AS", "KY": "NA", "SG": "AS", "SE": "EU","SD": "AF", "DO": "NA", "DM": "NA", "DJ": "AF", "DK": "EU", "VG": "NA", "DE": "EU", "YE": "AS", "DZ": "AF", "US": "NA", "UY": "SA", "YT": "AF", "UM": "OC", "LB": "AS", "LC": "NA", "LA": "AS", "TV": "OC", "TW": "AS", "TT": "NA", "TR": "AS", "LK": "AS", "LI": "EU", "LV": "EU", "TO": "OC", "LT": "EU", "LU": "EU", "LR": "AF", "LS": "AF", "TH": "AS", "TF": "AN", "TG": "AF", "TD": "AF", "TC": "NA", "LY": "AF", "VA": "EU", "VC": "NA", "AE": "AS", "AD": "EU", "AG": "NA", "AF": "AS", "AI": "NA", "VI": "NA", "IS": "EU", "IR": "AS", "AM": "AS", "AL": "EU", "AO": "AF", "AQ": "AN", "AS": "OC", "AR": "SA", "AU": "OC", "AT": "EU", "AW": "NA", "IN": "AS", "AX": "EU", "AZ": "AS", "IE": "EU", "ID": "AS", "UA": "EU", "QA": "AS", "MZ": "AF"}
return contry_code
}
var contry_code_list = Object.keys(conrty_code_list());
var data_set = [];
var max = 1000000;
var min = 100000;
for(var i = 0; i<4 ; i++){
var random_contry = contry_code_list[
Math.floor(Math.random() * contry_code_list.length)
];
data_set.push({
"e":random_contry,
"i":"JP",
//minからmaxまでの値をランダムに出力する
"v":Math.floor(Math.random() * (max - min + 1) + min),
"inColor": "#FFFFFF"
});
}
for(var i = 0; i<4 ; i++){
var random_contry2 = contry_code_list[
Math.floor(Math.random() * contry_code_list.length)
];
data_set.push({
"e":"JP",
"i":random_contry2,
//minからmaxまでの値をランダムに出力する
"v":Math.floor(Math.random() * (max - min + 1) + min),
"outColor": "#20ABE2"
});
}*/
//データセット
var data_set = [
{ e: "JP", i: "CN", v: 8000000 },
{ e: "JP", i: "TH", v: 3000000 },
{ e: "JP", i: "ID", v: 1000000 },
{ e: "US", i: "JP", v: 8000000 },
{ e: "RU", i: "JP", v: 3000000 },
{ e: "IN", i: "JP", v: 1000000 }]
//第２引数にconfigを設定する
var controller = new GIO.Controller( container , config );
controller.addData( data_set );
controller.init();
} else if(sec >= 41 && sec <= 60){
/* ---------- rco text graphic ---------- */
var PercentFin = 4;
(function($) {
BodyHeight = $("body").height();
setTimeout(function() {
var count = 0;
var countup = function() {
PercentFin++;
count++;
var id = setTimeout(countup, 20);
if (count > 95) {
clearTimeout(id);
}
}
countup();
}, 3000);
})(jQuery);
'use strict';
var letters = [];
var density = 2.5;
var ribbonWidth = 1;
var shapeColor;
var fontSize = 1500;
var pathSimplification = 0;
var pathSampleFactor = 0.1
var x = 1;
var y = 1;
var easing = 0.005;
letterSpace = 0;
var textTyped = 'r.c.o.';
var font;
var ScrollFlag = false;
function preload() {
font = loadFont('/wp-content/themes/aware-child/lib/CenturyGothicBold.ttf');
}
function setup() {
createCanvas(windowWidth, windowHeight);
noFill();
strokeWeight(1);
shapeColor = color(211);
createLetters();
}
function windowResized() {
resizeCanvas(innerWidth, innerHeight);
}
function draw() {
clear();
noFill();
translate(-width * 0.5, height * 0.5);
let targetX = PercentFin;
let dx = targetX - x;
x += dx * easing;
pathSampleFactor = x * 0.001;
ribbonWidth = 200 / x;
fontSize = 1500 - x * 6;
if (ribbonWidth < 4) ribbonWidth = 4;
for (var i = 0; i < letters.length; i++) {
letters[i].draw();
letters[i].x = ShiftCoomon[i] + windowWidth - 500;
letY = -innerHeight + innerHeight;
if (height >= 1400) {
letters[i].y = 360 - x;
} else if (height >= 1100) {
letters[i].y = 420 - x;
} else if (height >= 800) {
letters[i].y = 600 - x;
} else if (height <= 799) {
letters[i].y = 760 - (x * 5);
}
}
}
function createLetters() {
letters = [];
ShiftCoomon = [];
var chars = textTyped.split('');
letShift = 1380 / 4;
var x = 0;
for (var i = 0; i < chars.length; i++) {
if (i > 0) {
var charsBefore = textTyped.substring(0, i);
x = font.textBounds(charsBefore, 0, 0, fontSize, 'center').w;
}
switch (i) {
case 0:
letterSpace = letShift + 0;
break;
case 1:
letterSpace = letShift + 260;
break;
case 2:
letterSpace = letShift + 420;
break;
case 3:
letterSpace = letShift + 890;
break;
case 4:
letterSpace = letShift + 1130;
break;
case 5:
letterSpace = letShift + 1640;
break;
case 6:
letterSpace = letShift + 1540;
break;
case 7:
letterSpace = letShift + 1720;
break;
case 8:
letterSpace = letShift + 2060;
break;
case 9:
letterSpace = letShift + 2480;
break;
}
newLetter = new Letter(chars[i], x - letterSpace, 0);
ShiftCoomon[i] = x - letterSpace;
letters.push(newLetter);
}
letY = letters[0].y;
}
function Letter(char, x, y) {
this.char = char;
this.x = x;
this.y = y;
Letter.prototype.draw = function() {
var path = font.textToPoints(this.char, this.x, this.y, fontSize, {
sampleFactor: pathSampleFactor
});
stroke(shapeColor);
for (var d = 0; d < ribbonWidth; d += density) {
beginShape();
for (var i = 0; i < path.length; i++) {
var pos = path[i];
var nextPos = path[i + 1];
if (nextPos) {
var p0 = createVector(pos.x, pos.y);
var p1 = createVector(nextPos.x, nextPos.y);
var v = p5.Vector.sub(p1, p0);
v.normalize();
v.rotate(HALF_PI);
v.mult(d);
var pneu = p5.Vector.add(p0, v);
curveVertex(pneu.x, pneu.y);
}
}
endShape(CLOSE);
}
};
}
/* ---------- rco text graphic end ---------- */
}
