CSSやHTMLに詳しい人来てくれ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:29:35.076

ブログの記事にゲームを埋め込みたいんだけど大きさを変えたい
どうやればいいか教えて欲しい

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:30:14.197

https://i.imgur.com/mEbS4Qr.jpg

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:30:56.029

html側でサイズ指定する

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:31:00.614

https://triacontane.blogspot.com/2016/06/rpgmv.html?m=1
このサイトを参考にしてGitHubにゲームを上げてプレイできるようにはなった

<iframe id="gameFrame" allowfullscreen width="816" height="624" src="https://triacontane.github.io/PluginDevelopment/"; sandbox="allow-same-origin allow-scripts"></iframe>

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:31:11.367

昨日教えてくれた人ありがとう

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:31:26.537

sizeでいいのでは

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:33:13.612

現状こんな感じ
ゲームのサイズが816×612で
サイト側が600×600の制限掛けてるみたい
https://i.imgur.com/AHUVVJ3.jpg

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:34:24.514

chatgptでええやろ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:35:19.476

https://blog.asial.co.jp/1314/
このサイトを参考に
style="zoom:0.55"
って記述追加したけど何も変わらなかった

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:35:44.511

size-position coverだっけ？そういうのあったきがする

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:36:00.482

>>8
あいつ嘘ばっか着くから使えないぞ
ある程度知識のある人がちょっと思い出す時にググるよりは楽って程度

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:36:47.818

>>10
調べてみる

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:37:05.438

いや全然違うわw

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:37:51.224

>>9
ちゃんとよめ
tranform使えってあるだろ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:39:16.676

>>7
えっちじゃん

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:39:21.903

transだわ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:39:59.405

大体は同じようなサイトのコードをコピればいい感じになるよ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:40:59.652

>>14" style="transform:scale(0.55);-o-transform:scale(0.55);-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;"
これも試したけどダメだった
なんでだろう？

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:43:51.448

何これ俺らも遊べる？

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:44:11.396

>>19
うん
無料公開だから

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:46:52.994

>>20
おぉ
よく分からないが頑張って👍

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:49:04.431

上のを参考にトランスフォームってのにしてみた
https://i.imgur.com/roszeTG.jpg
そしたらスクロールが消えただけでゲームは小さくならなかった
https://i.imgur.com/shufpH4.jpg

うーん😓

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:51:08.733

だから同じ形式のサイトのコードコピれって

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:52:51.468

>>23
どの部分か教えて

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:55:58.720

>>24
ゲームサイズ小さくなってる参考サイトとかある？こういうのにしたいっていう感じになってるサイト

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 12:57:20.909

>>25
再現したいのはこの記事の埋め込みなんだ
同じゲーム制作ツールを使用してて横幅も問題ない

https://ci-en.dlsite.com/creator/2449/article/381548

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:02:47.293

>>26
その再現したい様なことが出来てるサイトある？お手本みたいな。そのサイトのコード見ればある程度分かるはずだからそれがないとどうしようも無い

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:03:36.467

埋め込みはできたんだ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:05:47.984

>>27
この記事の埋め込みを再現したいけどやっぱ直だと見れないの？
この前中身見てみたけどそれらしき記述見当たらなかったし

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:07:16.511

javascriptで書いてねこれ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:13:03.164

iframeのサイズはゲームのサイズにして
divでかこんでそっちを
600×600にするべきでは？

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:13:55.347

>>31
やってみる

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:15:11.260

カスケードスタイルシート

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:16:45.455

divで囲むと文字がそのまま記事に出ちゃう
サイト側が対応してない？

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:22:32.537

対処方法を書いてあるサイトあったけど出力するツクールMV側の解像度をいじってた
そうじゃないんだよなあ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:52:54.234

色々試して見てるけど全然上手くいかない

2023/08/08(火) 13:55:26.334

パソコン側のディスプレイの解像度と倍率が違うから難しい気がする
ちゃんとやるとするとユーザー側のパソコンのディスプレイと解像度、倍率を引き抜いて
それに対して可変でCSSや、ゲーム側のエンジンでサイズ変更をするんだろうと思う
たぶんどちらもググレば出てくる

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:56:07.060

スクロールバーが消えたのはscrollingをnoにしたからだな

2023/08/08(火) 13:57:06.178

DirectX系のエンジンだと
直接ディスプレイやパソコンの倍率とか引き抜ける関数がある
Unityだとわかんねえけどありそう
アンリアルエンジンもありそう
自作jsとかだとありそうだけど物凄いマイナーな関数な気がする

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:57:25.014

>>37
見た感じユーザーに合わせて可変するものじゃなさそうなんだよね
理想は取得してサイズを合わせるんだけど現状は固定のサイズ縮小も出来てない
なんでだろう

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 13:59:52.006

これでどうして縮小されないの？
分かんないよ
https://i.imgur.com/oZxS8my.jpg

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:00:05.158

>>38
それはなんか分かった

2023/08/08(火) 14:00:40.528

>>40
普通はユーザーに合わせて可変させる

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:01:24.585

F12開発者ツールを開く
対象のDOMを選択する
styleをON/OFFしまくって悪さをしてるとこを探す
ついでに自分のcssがちゃんと読まれて確認する
悪さをしてるやつを対処する

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:01:57.978

>>43
普通はそうだろうけど今回は幅600固定でいいはず
サイト側が対応してるから
でもその幅600すら出来てないのだ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:04:02.398

>>44
投稿サイト通してるから自分のコード見られないや
https://ci-en.dlsite.com/creator/2449/article/381548
ここと同じなんだけどよくわかんない

2023/08/08(火) 14:04:33.309

>>45
無理
ユーザーによって倍率機能使ってる
これも関数で持ってくる必要がある

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:06:51.816

>>46
ブラウザで表示されてる結果を見ろよ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:08:29.180

>>48
結果？
詳しく教えて

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:14:06.675

今思った通りになってない結果がブラウザに表示されてるんだろ？
その状態でf12押せばブラウザが受け取ったHTMLやらcssがみれる
使い方はググればいくらでも出る

反映されないってのは
・そもそも読み込まれてない
・書き方が間違って無効化してる
・読み込まれてるけど違うCSSで上書きされてる
とか色々原因がある
それをまずは特定しろ

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:18:00.749

>>46
こいつは読み込みしてるゲーム自体がサイズ変えれるようにしてるな

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:25:27.648

>>51
まじか
それってどこで確認できるの？
スマンが教えて

**以下、5ちゃんねるからVIPがお送りします** · 2023/08/08(火) 14:31:49.023

そのページで右クリックして
ページのソースを表示で
ctrl+Fで検索からwataridoriって調べると
そのゲームのソースがでてくる

直接アクセスすると
でかく表示されるからサイズ固定されてない