用了Online_Chat.js网络插件聊天白屏

萌新一个人 · 发表于 2021-10-12 10:54:04

用了这种Online_Chat.js网络插件，可以同屏，但是别人在打怪界面，我发消息打怪的就会白屏卡死，怎么解决啊，具体就是我在聊天框发个消息，别的处于待机的玩家没事，别的处于打怪界面的玩家集体白屏卡死

play337 · 发表于 2021-10-12 11:30:25

01. Online_Chat.js 你要發出來不然我們怎麼幫你看?
02. 不然發個範例工程來看.
03. 不然要有個連結可以看.

萌新一个人 · 发表于 2021-10-12 11:50:02

var Imported = Imported || {};
Imported.Online_Chat = true;
(function () {
var Nasty = Nasty || {};
//=============================================================================
// Online Chat
// Version: 1.0.5 - Allows for chat to be retained on map transfer/menu/battle
// Version: 1.0.4 - Add function to enable/disable chat and chat by leader name
//=============================================================================
//=============================================================================
/*:
* @plugindesc Online Chat for Neldersons Online Core
* <Online_Chat>
* @author Nelderson
*
* @param Chat Key Code
* @desc Key code to toggle the chat on/off (Default F1 - 112)
* @default 112
*
* @param Chat with Username or Character Name
* @desc 0=Username 1=Character Name (Leader of party)
* @default 0
*
* @param Input Character limit
* @desc Limit the amount of characters per message
* @default 80
*
* @param Room Name by Map
* @desc Change the room name by map that you are on?
* @default false
*
* @param Recall Message Limit
* @desc Recalls this many messages when switching maps/battles/etc
* @default 20
*
* @param Chat Username Color
* @desc Color of usernames in chat window
* @default #c92cac
*
* @param Chat Text Color
* @desc Color of chat text in chat window
* @default #000000
*
* @param Chat Text Window Width
* @desc Chat Window width
* @default 800
*
* @param Chat Text Window Height
* @desc Chat Window Height
* @default 500
*
* @param Chat Text Window Offset X
* @desc Offset X Poisition of Chat Text Window from CENTER
* @default 0
*
* @param Chat Text Window Offset Y
* @desc Offset Y Poisition of Chat Text Window from CENTER
* @default 0
*
* @param Chat Text Font
* @desc Font for Chat Text (Defaults to game default)
* @default
*
* @param Chat Text Font Size
* @desc Font size for Chat Text
* @default 15
*
* @param Chat Text Background Color
* @desc Background color and transparency for Chat Window
* @default rgba(255,255,255,0.7)
*
* @param Chat Text Background Picture
* @desc Background Pic from img/pictures folder instead of Background Color
* @default
*
* @param Chat Input Window Width
* @desc Chat Input Window width
* @default 600
*
* @param Chat Input Window Height
* @desc Chat Input Window Height
* @default 40
*
* @param Chat Input Window Offset X
* @desc Offset X Poisition of Chat Input Window from CENTER
* @default 0
*
* @param Chat Input Window Offset Y
* @desc Offset Y Poisition of Chat Input Window from CENTER
* @default 564
*
* @param Input Text Font
* @desc Font for Input Text (Defaults to game default)
* @default
*
* @param Input Text Font Size
* @desc Font size for Input Text
* @default 15
*
* @param Input Text Background Color
* @desc Background color and transparency for Input Window
* @default rgba(255,255,255,0.7)
*
* @param Input Text Background Picture
* @desc Background Pic from img/pictures folder instead of Background Color
* @default #FFFFFF
*
* @help
* ============================================================================
* Introduction and Instructions
* ============================================================================
* This plugin allows you to chat with other players.
*
* There are two ways to access the chat windows. Either by plugin
* command or the Key Code from the parameters(Default F1).
*
* The only thing that is overwritten are the defaults for the SPACEBAR
* and Z key within the Input Keymapper so that they will not interfere
* with typing in the chat input window
*
* =====================
* ===Plugin Commands===
* =====================
*
* ToggleChat - Turns Chat Windows On/Off
* SendChatMessage - Sends the message in the chat input window.
* EnableChat - Enables chat to be opened
* DisableChat - Disables chat to be opened
*
*/
//=============================================================================
var socket = null;
var chatHistory = [];
Nasty.Parameters = $plugins.filter(function(p)
{ return p.description.contains('<Online_Chat>');})[0].parameters;
//Chat text window
var textWinWidth = Nasty.Parameters['Chat Text Window Width'];
var textWinHeight = Nasty.Parameters['Chat Text Window Height'];
var textWinOffsetX = Nasty.Parameters['Chat Text Window Offset X'];
var textWinOffsetY = Nasty.Parameters['Chat Text Window Offset Y'];
var textWinFont = Nasty.Parameters['Chat Text Font'];
var textWinFontSize = Nasty.Parameters['Chat Text Font Size'];
var textWinBack = Nasty.Parameters['Chat Text Background Color'];
var textWinBackPic = Nasty.Parameters['Chat Text Background Picture'];
//Chat input window
var inputWinWidth = Nasty.Parameters['Chat Input Window Width'];
var inputWinHeight = Nasty.Parameters['Chat Input Window Height'];
var inputWinOffsetX = Nasty.Parameters['Chat Input Window Offset X'];
var inputWinOffsetY = Nasty.Parameters['Chat Input Window Offset Y'];
var inputWinFont = Nasty.Parameters['Input Text Font'];
var inputWinFontSize = Nasty.Parameters['Input Text Font Size'];
var inputWinBack = Nasty.Parameters['Input Text Background Color'];
var inputWinBackPic = Nasty.Parameters['Input Text Background Picture'];
var inputCharLimit = Nasty.Parameters['Input Character limit'];
var chatKeyCode = Nasty.Parameters['Chat Key Code'];
var chatUserColor = Nasty.Parameters['Chat Username Color'];
var chatTextColor = Nasty.Parameters['Chat Text Color'];
var roomMapNameFlag = Nasty.Parameters['Room Name by Map'];
var NetPlayerChatNameType = Number(Nasty.Parameters['Chat with Username or Character Name']);
var recallMessageLimit = Number(Nasty.Parameters['Recall Message Limit']);
var networkName = '';
var OnlineMV_ChatSystem_SocketConn_Alias = Game_Network.prototype.connectSocketsAfterLogin;
Game_Network.prototype.connectSocketsAfterLogin = function(){
OnlineMV_ChatSystem_SocketConn_Alias.call(this);
$gameNetwork.connectSocket('chat','/chat',false);
socket = $gameNetwork._socket.chat;
Nasty.chatEnabled = true;
socket.on('MyID',function(data){
networkName = data.name;
});
socket.on('messageServer', function(data){
var chat = document.getElementById('txtarea');
var message = document.createElement('div');
var user = document.createElement('span');
var chatText = document.createElement('span');
//Combine user/text spans to div container
user.style.color = chatUserColor;
chatText.style.color = chatTextColor;
user.textContent = data.id+ ': ';
chatText.textContent = data.message;
message.appendChild(user);
message.appendChild(chatText);
chatHistory.push([user, chatText]);
//Append to chat text div
chat.appendChild(message);
chat.scrollTop = chat.scrollHeight;
});
};
//=============================================================================
// GAME CHAT code
//=============================================================================
var OnlineChat_createDisplayObj_Scene_Map = Scene_Map.prototype.createDisplayObjects;
Scene_Map.prototype.createDisplayObjects = function() {
OnlineChat_createDisplayObj_Scene_Map.call(this);
this.createChatDOMElements();
this.appendChatHistory();
};
Scene_Map.prototype.appendChatHistory = function(){
var diff = chatHistory.length - recallMessageLimit;
if (diff>0) chatHistory.splice(0,diff);
var chat = document.getElementById('txtarea');
for (var i=0;i<chatHistory.length;i++){
var message = document.createElement('div');
message.appendChild(chatHistory[i][0]);
message.appendChild(chatHistory[i][1]);
chat.appendChild(message);
}
};
Scene_Map.prototype.createChatDOMElements = function(){
//Chat Bar for Inputing messages
this.chatinput = document.createElement('INPUT');
this.chatinput.id = 'chatInput';
this.chatinput.maxLength = inputCharLimit;
this.chatinput.style.fontSize = inputWinFont + 'px';
this.chatinput.style.fontStyle = inputWinFont;
this.chatinput.style.color = '#ffffff';
this.chatinput.style.fontStyle = '';
this.chatinput.style.position = 'absolute';
this.chatinput.style.textIndent = '15px';
this.chatinput.style.zIndex = 100;
this.chatinput.placeholder = '世界频道';
this.chatinput.style.color = '#FFFFFF';
this.chatinput.style.border = 'none';
this.chatinput.style.visibility = 'visible';
if (inputWinBackPic===''){
this.chatinput.style.background = inputWinBack;
}else{
this.chatinput.style.backgroundImage = "url('img/pictures/"+inputWinBackPic+".png')";
}
//Chat Message area
this.txtarea = document.createElement('div');
this.txtarea.id = 'txtarea';
this.txtarea.style.padding = '15px';
this.txtarea.style.fontSize = textWinFontSize + 'px';
this.txtarea.style.fontStyle = textWinFont;
this.txtarea.style.position = 'absolute';
this.txtarea.style.overflowY = 'auto';
this.txtarea.style.width = textWinWidth + 'px';
this.txtarea.style.height = textWinHeight + 'px';
this.txtarea.style.zIndex = 99;
this.txtarea.style.visibility = 'visible';
if (textWinBackPic===''){
this.txtarea.style.background = textWinBack;
}else{
this.txtarea.style.backgroundImage = "url('img/pictures/"+textWinBackPic+".png')";
}
//Add and adjust both DOM elements
document.body.appendChild(this.txtarea);
document.body.appendChild(this.chatinput);
//--Mobile fix for input--
$("#chatInput").tap(function(){$("#chatInput").focus();});
//-------------------------
Graphics._centerElement(this.chatinput);
Graphics._centerElement(this.txtarea);
this.chatinput.style.width = inputWinWidth +'px';
this.chatinput.style.height = inputWinHeight + 'px';
this.chatinput.style.top = inputWinOffsetY +'px';
this.chatinput.style.left = inputWinOffsetX +'px';
this.txtarea.style.left = textWinOffsetX + 'px';
this.txtarea.style.top = textWinOffsetY + 'px';
var that = this;
$("#chatInput").keypress(function(e){
if (e.which == 13) { //enter
that.sendChatMessage();
}
});
};
var Online_Chat_SceneMap_isMenuCalled_alias = Scene_Map.prototype.isMenuCalled;
Scene_Map.prototype.isMenuCalled = function() {
if (document.activeElement===document.getElementById('chatInput')) return false;
return Online_Chat_SceneMap_isMenuCalled_alias.call(this);
};
var Online_Chat_SceneMap_ProcessTouch_alias = Scene_Map.prototype.processMapTouch;
Scene_Map.prototype.processMapTouch = function() {
if (document.activeElement!==document.getElementById('chatInput')){
Online_Chat_SceneMap_ProcessTouch_alias.call(this);
}
};
var Chat_Online_sceneMap_updtSceneAlias = Scene_Map.prototype.updateScene;
Scene_Map.prototype.updateScene = function() {
Chat_Online_sceneMap_updtSceneAlias.call(this);
if (!SceneManager.isSceneChanging()) {
this.updateChat();
}
};
Scene_Map.prototype.updateChat = function(){
if (document.activeElement===document.getElementById('chatInput')){
if (Input.isTriggered('ok')){
this.sendChatMessage();
}
}
//Toggle Chat Windows On/Off
if (Input.isTriggered('chat')){
this.toggleChat();
}
};
Scene_Map.prototype.sendChatMessage = function(){
if (NetPlayerChatNameType===1) networkName=$gameParty.leader()._name;
var value = document.getElementById('chatInput').value;
value = value.trim();
if (value==='') return;
//Emit message to server
socket.emit('clientMessage',{
id: networkName,
message: value
});
document.getElementById('chatInput').value = '';
};
Scene_Map.prototype.toggleChat = function(){
if (!Nasty.chatEnabled) {
document.getElementById('txtarea').style.visibility = 'hidden';
document.getElementById('chatInput').style.visibility = 'hidden';
return;
}
if (document.getElementById('txtarea').style.visibility ==='hidden'){
document.getElementById('txtarea').style.visibility = 'visible';
document.getElementById('chatInput').style.visibility = 'visible';
$("#chatInput").focus();
}else{
document.getElementById('txtarea').style.visibility = 'hidden';
document.getElementById('chatInput').style.visibility = 'hidden';
}
};
var NastySceneMapChat_Terminate = Scene_Map.prototype.terminate;
Scene_Map.prototype.terminate = function() {
NastySceneMapChat_Terminate.call(this);
document.body.removeChild(this.txtarea);
document.body.removeChild(this.chatinput);
};
var OnlineChat_gamePlayer_canMoveAlias = Game_Player.prototype.canMove;
Game_Player.prototype.canMove = function() {
if (document.activeElement===document.getElementById('chatInput')){
return false;
}
return OnlineChat_gamePlayer_canMoveAlias.call(this);
};
var Nel_OnlineChat_pluginCommands_alias = Game_Interpreter.prototype.pluginCommand;
Game_Interpreter.prototype.pluginCommand = function(command, args) {
Nel_OnlineChat_pluginCommands_alias.call(this, command, args);
if (command.toUpperCase() === 'TOGGLECHAT'){
if (SceneManager._scene instanceof Scene_Map){
SceneManager._scene.toggleChat();
}
}
if (command.toUpperCase() === 'SENDCHATMESSAGE'){
if (SceneManager._scene instanceof Scene_Map){
SceneManager._scene.sendChatMessage();
}
}
if (command.toUpperCase() === 'ENABLECHAT'){
Nasty.chatEnabled = true;
}
if (command.toUpperCase() === 'DISABLECHAT'){
Nasty.chatEnabled = false;
if (SceneManager._scene instanceof Scene_Map){
SceneManager._scene.toggleChat();
}
}
};
//Re-Map Input Keys
Input.keyMapper[chatKeyCode] = 'chat';
Input.keyMapper['90'] = 'none'; // Z
Input.keyMapper['32'] = 'none'; // SpaceBar
})();

复制代码

萌新一个人 · 发表于 2021-10-12 11:56:38

play337 发表于 2021-10-12 11:30
01. Online_Chat.js 你要發出來不然我們怎麼幫你看?
02. 不然發個範例工程來看.
03. 不然要有個連結可以看. ...

大佬，代码在楼下，太多了，就如我说的那样，我发个聊天消息，其他在战斗界面的玩家立马白屏卡死，

play337 · 发表于 2021-10-12 13:10:25

本帖最后由 play337 于 2021-10-12 13:12 编辑

這個我之前有裝阿!
https://forums.rpgmakerweb.com/i ... -online-core.79938/

你要先裝他要求的環境吧...
01.有很多插件要裝
02.最重要的是你那個伺服環境要用起來
03.我測試的時候.發訊息不會當機阿. 我開兩個瀏覽器測試.都不會當機阿

所以程式應該是沒有問題的...
你有開瀏覽器測試嗎?

還是有另一種可能. 你在瀏覽器測試沒有問題. 但是其他人測試有問題...

是怎麼樣的情況呢?

對了! 測試的時候你要用 http://localhost/
這樣下去測試...你可不能用RPG MAKER MV 的測試去測試...這樣是沒有網路連線環境的...你懂吧.... ^_^

萌新一个人 · 发表于 2021-10-12 13:33:13

play337 发表于 2021-10-12 13:10
這個我之前有裝阿!
https://forums.rpgmakerweb.com/index.php?threads/neldersons-mv-online-core.79938/
...

我什么都部署好了，包括服务器上面测试，本地测试，这套插件我也装了很久了，一直没什么问题，直到昨天，我一个客服端在战斗界面，另一个客服端发送消息才发现这个问题，后面开三个窗口，反复测试，就是只要有人发消息，在战斗界面的人会白屏卡死，其他没问题，然后我又把别人装这套插件的范例工程拿来测试，同样是这个问题

萌新一个人 · 发表于 2021-10-12 15:14:52

萌新一个人发表于 2021-10-12 13:33
我什么都部署好了，包括服务器上面测试，本地测试，这套插件我也装了很久了，一直没什么问题，直到昨天， ...

谢谢，如果是这样就证实了是插件BUG，不是我设置的问题了，那问一下有办法加个开关吗？具体就是在传送到有怪的地图前关闭这个聊天的功能，这样在刷怪的时候，别人发信息就没有影响了，能实现吗？

百里_飞柳 · 发表于 2021-10-12 15:38:28

* =====================
* ===Plugin Commands===
* =====================
*
* ToggleChat - Turns Chat Windows On/Off
* SendChatMessage - Sends the message in the chat input window.
* EnableChat - Enables chat to be opened
* DisableChat - Disables chat to be opened

插件指令 DisableChat 没法关闭这个功能吗

萌新一个人 · 发表于 2021-10-12 16:06:59

百里_飞柳发表于 2021-10-12 15:38
* =====================
* ===Plugin Commands===
* =====================

这个我试过了，不行。我也不懂代码，这个应该是禁用聊天窗口，所以别人发信息我这里还是能接收的，只是不显示了，所以还是白屏

百里_飞柳 · 发表于 2021-10-12 17:24:14

我觉得报错原因是 Scene_Battle 里面没有这个聊天框
但是它是实时接收更新聊天文本的
导致182行提取的chat对象不存在

具体怎么改我就不知道了，可能可以：如果chat不存在，就先把接收到的data存起来，回到地图上时再更新；直接扔掉

帐号		自动登录	找回密码
密码			注册会员

[有事请教] 用了Online_Chat.js网络插件聊天白屏

点评

极短24评委

极短23参与

极短22参与

极短21评委

老司机慢点开

短篇十吟唱者组别冠军

开拓者

剧作品鉴家